2017年6月21日

摘要: 十:关于对图片的打包 我们知道图片是使用url-loader来加载的,我们既可以在css文件里url的属性;如下: 我们还可以直接对元素的src属性进行require赋值。如下代码: 我这边直接来讲第一种在css文件里的url属性进行打包; 首先来看看我项目的目录结构如下: Css文件 main.c 阅读全文
posted @ 2017-06-21 11:26 二婷啵 阅读(310) 评论(0) 推荐(0) 编辑
 
摘要: 九:如何打包成多个资源文件 我们在开发页面的时候,有时候需要有多个入口文件,做到文件是按需加载,这样就可以使用缓存提升性能;那么我们接下来需要如何配置呢?现在我们继续做demo,现在比如我现在的项目文件结构如下: 我们直接看 webpack.config.js配置代码变成如下: 从上面的配置代码我们 阅读全文
posted @ 2017-06-21 11:12 二婷啵 阅读(513) 评论(0) 推荐(0) 编辑
 
摘要: 八:如何独立打包成样式文件 有时候我们不想把样式打在脚本中,而是想独立css出来,然后在页面上外链css,这时候我们需要 extract-text-webpack-plugin 来帮忙:我们首先需要安装 extract-text-webpack-plugin:如下: npm install extr 阅读全文
posted @ 2017-06-21 10:56 二婷啵 阅读(314) 评论(0) 推荐(0) 编辑
 
摘要: 【 webpack3.0.0刚刚出来 所以文章是跟着低版本 教程 操作熟悉 结果好多对不上喔】 七:webpack对多个模块依赖进行打包 通过一刚开始我们了解到 webpack支持commonJS和AMD两种模块机制进行打包,因此我们现在来针对代码中使用commonJS和AMD机制进行做一个demo 阅读全文
posted @ 2017-06-21 10:21 二婷啵 阅读(4050) 评论(0) 推荐(0) 编辑
 
摘要: 【 webpack3.0.0刚刚出来 所以文章是跟着低版本 教程 操作熟悉 结果好多对不上喔】 六:了解下webpack的几个命令 我们下面来了解下 webpack -w 如下所示: 比如我在js文件里面随便增加一点代码后,保存后,再刷新页面即可可以看到代码生效了,无需重新运行webpack或者gu 阅读全文
posted @ 2017-06-21 09:28 二婷啵 阅读(1262) 评论(0) 推荐(0) 编辑