摘要：问题： 可能很多人在做vue项目打包，打包之后js中，会自动生成一些map文件，怎么把它去掉不要呢？ 运行 cnpm run build 开始打包后会在项目目录下自动创建dist目录，打包好的文件都在其中 解决办法：去src/config/index.js中改一个参数： productionSour 阅读全文

摘要：报错图 一通百度，以为是没有装webpack-dev-server，全局安装了还是报错， 后来百度到说是高版本的Bug， 经过排查，发现是 webpack 的新版本的BUG，解决方法就是卸载新版本，安装老版本。 命令如下： 然后项目就正常了。目前确定是 webpack-dev-server@2.10 阅读全文

摘要：说明：本demo使用yarn代替npm指令来下载一系列依赖，有详细指令说明；使用WebStorm下Terminal来输入指令； >开始（确认已经安装node环境和yarn包管理工具） 1、新建项目文件名为vuedemo 2、yarn add init 初始化项目 >安装项目依赖 3、yarn add 阅读全文

摘要：1.理解webpack加载器 webpack的设计理念，所有资源都是“模块”，webpack内部实现了一套资源加载机制，这与Requirejs、Sea.js、Browserify等实现有所不同. Webpack提供了一套加载器，比如css-loader,less-loader,style-loade 阅读全文

摘要：十：关于对图片的打包 我们知道图片是使用url-loader来加载的，我们既可以在css文件里url的属性；如下： 我们还可以直接对元素的src属性进行require赋值。如下代码： 我这边直接来讲第一种在css文件里的url属性进行打包； 首先来看看我项目的目录结构如下： Css文件 main.c 阅读全文

摘要：九：如何打包成多个资源文件 我们在开发页面的时候，有时候需要有多个入口文件，做到文件是按需加载，这样就可以使用缓存提升性能；那么我们接下来需要如何配置呢？现在我们继续做demo，现在比如我现在的项目文件结构如下： 我们直接看 webpack.config.js配置代码变成如下： 从上面的配置代码我们 阅读全文

摘要：八：如何独立打包成样式文件 有时候我们不想把样式打在脚本中，而是想独立css出来，然后在页面上外链css，这时候我们需要 extract-text-webpack-plugin 来帮忙：我们首先需要安装 extract-text-webpack-plugin：如下： npm install extr 阅读全文

摘要：【 webpack3.0.0刚刚出来 所以文章是跟着低版本 教程 操作熟悉 结果好多对不上喔】 七：webpack对多个模块依赖进行打包 通过一刚开始我们了解到 webpack支持commonJS和AMD两种模块机制进行打包，因此我们现在来针对代码中使用commonJS和AMD机制进行做一个demo 阅读全文

摘要：【 webpack3.0.0刚刚出来 所以文章是跟着低版本 教程 操作熟悉 结果好多对不上喔】 六：了解下webpack的几个命令 我们下面来了解下 webpack -w 如下所示： 比如我在js文件里面随便增加一点代码后，保存后，再刷新页面即可可以看到代码生效了，无需重新运行webpack或者gu 阅读全文

摘要：【 webpack3.0.0刚刚出来 所以文章是跟着低版本 教程 操作熟悉 结果好多对不上喔】 四：理解less-loader加载器的使用 我们先来理解下less-loader加载器，其他的sass-loader也是一个意思，这边不会对所有的预处理的css做讲解，less-loader加载器是把cs 阅读全文

摘要：【 webpack3.0.0刚刚出来 所以文章是跟着低版本 教程 操作熟悉 结果好多对不上喔】 什么是webpack? 他有什么优点？ 首先对于很多刚接触webpack人来说，肯定会问webpack是什么？它有什么优点？我们为什么要使用它？带着这些问题，我们来总结下如下： Webpack是前端一个工 阅读全文