NodeJS 把 JavaScript 的使用从浏览器端扩展到了服务器端，使得前端开发人员可以用熟悉的语言编写服务器端代码。这一变化使得 NodeJS 很快就流行起来。在 NodeJS 社区中有非常多的高质量模块可以直接使用。根据最新的统计结果，NodeJS 的 npm 中的模块数量已经超过了 Ja
转载
2016-03-03 17:48:00
75阅读
2评论
当开始一个React项目的时候，首要的烦人问题就是，编译。似乎考虑到编译就得去学Grunt脚本，就得去写gulp。虽然会写gulp脚本，但仍然觉得这些事情很没必要也很耗时，而且这种脚本的特点是难以debug，相当费时。是否稍做配置就可以完全编译呢？答案是可以的。首先安装browserify，reactify，然后在packages.json中加上："browserify" :
转载
精选
2016-08-03 16:05:50
1493阅读
install browserify in windows 1. install git windows application 2. install "npm" and make sure "npm“ command is working 3. open git bash, switch nodejs folder ex: /d/dev/Softwares/nodej...
原创
2023-04-20 00:16:49
70阅读
创建项目结构|-js|-dist //打包生成文件的目录|-src //源码所在的目录 |-module1.js |-module2.js |-module3.js |-app.js //应用主源文件|-index.html|-package.json{ "name": "browserify-test", "version": "1.0.0"}下载browserify全局: npm
原创
2022-11-07 17:41:29
31阅读
0. browserify 是什么？browserify 是目前比较流行的模块打包工具之一(另外一个 webpack)基于流式 (stream) 思想设计可以通过 command line，也可以通过API来使用仅处理 javascript模块化的逆过程，但是推动着模块化的更好发展内置了一些 node core modulenode 模块可以在浏览器端使用，是同构应用的有力武器1. 从 demo
原创
2021-05-24 14:13:38
2262阅读
# 实现browserify选择axios版本
---
## 简介
在前端开发中，我们常常需要使用到各种第三方库来简化开发过程。而对于模块化工具Browserify和HTTP库Axios，我们可以通过一些方法来选择所需版本。本文将介绍如何使用Browserify来选择特定版本的Axios。
## 流程概览
下面是整个流程的概括，我们将使用表格来展示每个步骤。
| 步骤 | 描述 |
|
原创
2023-09-29 13:09:30
98阅读
1、编写src/css/main.css#app a{ display: inline-block; width: 150px; line-height: 30px; background-color: dodgerblue; col...
原创
2023-07-17 14:22:54
72阅读
// { // test:/\.css$/, // use:['style-loader','css-loader'] // } , { test:/\.scss$/, use:[ 'style-loader', // 'css-loader', { loader:'css-loader', opt
原创
2021-11-29 15:08:59
126阅读
一、gulp 1 var gulp = require('gulp'); 2 var react = require('gulp-react'); 3 4 gulp.task('jsx', function() { 5 gulp.src('./app.jsx') 6 .pi...
转载
2015-12-23 21:48:00
146阅读
2评论
使用 watchify 加速 browserify 编译当一个 browserify 项目开始变大的时候，编译打包的时间也会慢慢变得长起来。虽然开始的时候可能只需花 1 秒，然后当你的项目需要建立在一些流行的大型项目的基础上时，它很有可能就变成 30 秒了。这就是为什么 substack 写了 watchify 的原因，一个持续监视文件的
原创
2016-08-03 18:35:34
1481阅读
我假设你环境已经安装好了：webpack默认是不支持打包css(style)的需要安装 npm install css-loadle.css')
原创
2022-07-25 16:42:31
246阅读
npm npm i -D style-loader css.loader webpack.config.js module.exports = { // ... module: { rules: [ { test: /\.css$/, use: ['style-loader', 'css-loade ...
转载
2021-09-09 10:37:00
268阅读
2评论
深入学习rollup来进行打包阅读目录一：什么是Rollup?二：如何使用Rollup来处理并打包JS文件？三：设置Babel来使旧浏览器也支持ES6的代码四：添加一个debug包来记录日志五：添加插件来替代环境变量六：添加 UglifyJS来压缩我们js的代码七：监听文件变化的插件 --- rollup-watch八：开启本地服务的插件 --- rollup-plugin-serve九：实时刷
转载
2023-12-23 17:54:13
236阅读
Browserify 是什么Browserify 是一个浏览器端代码模块化的工具为什么要使用 Browserify 浏览器端的代码模块化有2个明显的好处：1）前端JS可以使用npm包我们知道 npm 中有非常丰富的功能包，但没法在浏览器中直接用，因为他们是按照 nodejs 模块化标准写的，使用 require 和 module.exports 引用和构造模块，浏览器不支持此类语法，所以需要浏览器
原创
2021-04-22 11:06:11
464阅读
Browserify模块化使用教程创建项目结构|-js |-dist //打包生成文件的目录 |-src //源码所在的目录 |-module1.js |-module2.j
原创
2022-10-31 14:30:14
124阅读
最新打包vue cli 4.5 项目时，体积尽然达到了9M，页面访问的速度，因此进行尝试进行优化，最终压缩到 968k ，效果明显。下面是优化方法。首先新建文件'vue.config.js'，放在项目根目录下，与package.json在同一级目录下1.BundleAnalyzer 作用：展示打包图形化信息，会打开一个html页面，帮助自己分析哪些文件过大，可针对其进行优化，上线前&nb
转载
2023-11-22 07:03:28
139阅读
最新打包vue cli 4.5 项目时，体积尽然达到了9M，页面访问的速度，因此进行尝试进行优化，最终压缩到 968k ，效果明显。下面是优化方法。首先新建文件'vue.config.js'，放在项目根目录下，与package.json在同一级目录下1.BundleAnalyzer 作用：展示打包图形化信息，会打开一个html页面，帮助自己分析哪些文件过大，可针对其进行优化，上线前&nb
转载
2023-10-12 21:09:44
165阅读
Browserify模块化使用教程创建项目结构|-js |-dist //打包生成文件的目录 |-src //源码所在的目录 |-module1.js |-module2.js |-module3.js |-app.js //应用主源文件|-index.html|-package.json { "name": "browserify-test", "version": "1.0.0" }下载browserify全局: n
原创
2021-06-07 19:52:31
379阅读
1、安装 2、项目目录： index文件夹下的index.css： index文件夹下的index2.css： index文件夹下的index-less.less： index文件夹下的index.js： login文件夹下的index.js： login文件夹下的login.css： 3、webp
转载
2017-09-20 15:44:00
248阅读
2评论
gulp学习记录npm init -y yarn add gulp -D 修改 package.json "scripts": { "build": "gulp" }, // 查看版本 npx gulp --version 新建 gulpfile.js // 重命名 gulp-rename // 压
原创
2022-06-05 01:44:37
193阅读
