摘要: 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) 编辑
摘要: 1.打包CSS文件 npm安装: webpack.config.js下配置 在入口文件引入css文件进行测试 2.对css进行抽离 npm安装 webpack.config.js下配置 3.自动添加后缀 npm安装 根目录下创建postcss.config.js,并配置 webpack.config 阅读全文
posted @ 2018-07-12 16:31 Zero||One 阅读(286) 评论(0) 推荐(0) 编辑
摘要: npm安装: webpack.config.js中配置 阅读全文
posted @ 2018-07-12 16:22 Zero||One 阅读(362) 评论(0) 推荐(0) 编辑
摘要: 基本介绍 1. Package.JSON文件关键字说明 2.npm命令说明 创建基本目录及文件 在webpack.config.js配置入口和出口文件 如果生产环境和开发环境的pulicPath不一样,而且我们需要来回切换,这时候我们可以使用更好的设置方法: 1) 在package.json中配置 阅读全文
posted @ 2018-07-12 07:03 Zero||One 阅读(130) 评论(0) 推荐(0) 编辑