摘要: module.js文件如下: 读取文件: 阅读全文
posted @ 2018-07-13 16:41 Zero||One 阅读(86) 评论(0) 推荐(0) 编辑
摘要: npm安装: 在webpack.config.js: 阅读全文
posted @ 2018-07-13 16:19 Zero||One 阅读(281) 评论(0) 推荐(0) 编辑
摘要: 普通引入JQuery npm 安装 : 将jquery引入入口文件.js 用plugin引入 在webpack.config.js配置 抽离Jquery 注:4.x版本后不支持 CommonsChunkPlugin 4.x版本后抽离JS 阅读全文
posted @ 2018-07-13 16:12 Zero||One 阅读(1163) 评论(0) 推荐(0) 编辑
摘要: npm 安装 在webpack.config.js中配置: 虽然Babel可以直接在webpack.config.js中进行配置,但是考虑到babel具有非常多的配置选项,如果写在webapck.config.js中会非常的雍长不可阅读,所以可以把配置写在.babelrc文件里。 在根目录创建.ba 阅读全文
posted @ 2018-07-13 15:35 Zero||One 阅读(3465) 评论(0) 推荐(0) 编辑
摘要: 在配置devtool时,webpack给我们提供了四种选项。 source-map:在一个单独文件中产生一个完整且功能完全的文件。这个文件具有最好的source map,但是它会减慢打包速度;cheap-module-source-map:在一个单独的文件中产生一个不带列映射的map,不带列映射提高了打包速度,但是也使得浏览器开发者工具只能对应到具体的行,不能对应到具体的列(符号),会对调试造成不... 阅读全文
posted @ 2018-07-13 13:13 Zero||One 阅读(584) 评论(0) 推荐(0) 编辑
摘要: 在webpack.config.js配置 4.x版本后自动压缩 * development 不压缩代码 * production 压缩代码,默认 * development 不压缩代码 * production 压缩代码,默认 需要在webpack.config.js配置不启用压缩 也可以在通过np 阅读全文
posted @ 2018-07-13 13:06 Zero||One 阅读(993) 评论(0) 推荐(0) 编辑
摘要: npm 安装: file-loader: 解决引用路径的问题,拿background样式用url引入背景图来说,我们都知道,webpack最终会将各个模块打包成一个文件,因此我们样式中的url路径是相对入口html页面的,而不是相对于原始css文件所在的路径的。这就会导致图片引入失败。这个问题是用f 阅读全文
posted @ 2018-07-13 12:49 Zero||One 阅读(637) 评论(0) 推荐(0) 编辑