ExplorerMan

摘要： 当项目逐渐变大，webpack 的编译时间会变长，可以通过参数让编译的输出内容带有进度和颜色。 如果不想每次修改模块后都重新编译，那么可以启动监听模式。开启监听模式后，没有变化的模块会在编译后缓存到内存中，而不会每次都被重新编译，所以监听模式的整体速度是很快的。 当然，使用 webpack-dev- 阅读全文

摘要： 插件可以完成更多 loader 不能完成的功能。 插件的使用一般是在 webpack 的配置信息 plugins 选项中指定。 Webpack 本身内置了一些常用的插件，还可以通过 npm 安装第三方插件。 接下来，我们利用一个最简单的 BannerPlugin 内置插件来实践插件的配置和运行，这个 阅读全文

摘要： Webpack 在执行的时候，除了在命令行传入参数，还可以通过指定的配置文件来执行。默认情况下，会搜索当前目录的 webpack.config.js 文件，这个文件是一个 node.js 模块，返回一个 json 格式的配置信息对象，或者通过 --config 选项来指定配置文件。 继续我们的案例， 阅读全文

摘要： Webpack 本身只能处理 JavaScript 模块，如果要处理其他类型的文件，就需要使用 loader 进行转换。 Loader 可以理解为是模块和资源的转换器，它本身是一个函数，接受源文件作为参数，返回转换的结果。这样，我们就可以通过 require 来加载任何类型的模块或文件，比如 Cof 阅读全文

摘要： 首先创建一个静态页面 index.html 和一个 JS 入口文件 entry.js： 然后编译 entry.js 并打包到 bundle.js： 打包过程会显示日志： 用浏览器打开 index.html 将会看到 It works. 。 接下来添加一个模块 module.js 并修改入口 entr 阅读全文

摘要： webpack常用的插件安装命令：1：npm install html-webpack-plugin --save-dev //自动快速的帮我们生成HTML。2：npm install css-loader style-loader --save-dev//样式文件，我们需要两种loader，css 阅读全文

摘要： 首先要安装 Node.js， Node.js 自带了软件包管理器 npm，Webpack 需要 Node.js v0.6 以上支持，建议使用最新版 Node.js。 用 npm 安装 Webpack： 此时 Webpack 已经安装到了全局环境下，可以通过命令行 webpack -h 试试。 通常我 阅读全文

摘要： 看到有些 node.js 的包安装的时候都加上 --save-dev 参数，不知道这参数是做什么的，加和不加有什么区别吗？ 当你为你的模块安装一个依赖模块时，正常情况下你得先安装他们（在模块根目录下npm install module-name），然后连同版本号手动将他们添加到模块配置文件packa 阅读全文

摘要： 对于一个项目，常用的一些npm简单命令包含的功能有：初始化一个文件夹( npm init )，下载npm模块( npm install )，创建测试( npm tese ) 和自定义脚本( npm run )。但是，进一步了解一些 npm 的使用技巧可以彻底改变你的日常开发任务。 注:如果你需要关于 阅读全文

摘要： 描述包的文件是package.json文件. 一个这样的文件,里面的信息还是挺大的.我们可以放弃手动建立.为了练手我们有命令行来建一个这样的包; 完成name,varsion....license项的信息填写后会出现这样一段话. 上面是我们填写的信息,下面我们输入yes,就完成了package.js 阅读全文