vue-cli 3.0+版本，使用的不是vue-cli，而是@vue/cli；如果用以上的安装命令安装的并不是最新版的3.0+的，而如果安装3.0的话就需要使用新的命令。　　　　dry: false, //设置为f

也就是希望webpack在打包时把没用到的函数删掉，最常见的就算第三方函数库：lodash,date-fns等。修改webpack.config.js的mode选项，将production改为development：。可以看到，虽然index.js里只用到

var ExtractTextPlugin = require('extract-text-webpack-plugin'). loader: 'css-loader',function generateLoaders (loader, loaderOpt

看了大量的文章，关于vue都是直接使用vueCli实现vue项目的基本环境搭建，使用最原始的搭建方法的很少很少，深以为要想真正学好vue，还是要将webpack充分理解，同时将其与vue结合，这样即使没有vueCli，搭建vue的环境也不在话下。相信通过这

在使用vue-cli创建vue项目时，可以自动生成webpack文件。全部样式文件打包在css目录下app.hash.css文件中。但我们会发现发布后，会存在字体文件找不到的问题，查看css文件发现是iconfont字体文件的路径引用问题。而不再需要手动更

webpack是一个module bundler，所谓的模块就是在平时的前端开发中，用到一些静态资源，如JavaScript、CSS、图片等文件，webpack就将这些静态资源文件称之为模块。webpack支持AMD和CommonJS，以及其他的一些模块系

本文讲述怎么实现动态加载组件，并借此阐述适配器模式。以上是最常见的React router。因为打包后的单一js文件bundle.js也不过200k左右，gzip之后，对加载性能并没有太大的影响。但是，当产品经历多次迭代后，追加的页面导致bundle.js

https://www.jianshu.com/p/42e11515c10f https://www.cnblogs.com/wxw1314/p/8150120.html

Vue是用于构建用户界面的渐进框架。作者尤雨熙特别强调它与其他的框架不同，Vue是渐进式的框架，可以逐步采用，不必一下就通过框架去重构项目。另外Vue的核心库只专注于视图层，这样就更容易与其他库或现有项目进行集成，也更灵活。Vue在兼容性上不支持IE8以下

　　本文讲述的仅仅是最基础的实现，其他复杂的操作需要非常熟悉webpack的相关知识，作者将继续学习。　　按照大佬文中写的一步步操作，够细心的话基本可以一步到位。下面总结一下发布步骤：。　　vue init webpack-simple my-projec

假设要使用到 jquery，那么可以通过配置 webpack 的 ProvidePlugin 的插件来全局引入：。另外一种比较靠谱的方法是将第三方模块打包成插件，如我需要全局使用 echarts，那么在 src 目录下新建一个 lib，并创建名为 echa

我们首先需要理解webpack是怎样处理静态资源的。在*.vue组件中，所有的templates和css都会被vue-html-loader 和 css-loader解析，寻找资源的URL。由于logo.png不是JavaScript，当被看成一个模块依赖

vue项目，访问打包后的项目，输入路径后，页面加载空白。这时会有两类问题，都是路径问题。config/index.js文件的build->assetsPublicPath的默认值改为 './'. assetsPublicPath：资源的根目录。这个是

概念DLLPlugin 和 DLLReferencePlugin 用某种方法实现了拆分 bundles，同时还大大提升了构建的速度,将包含大量复用模块且不会频繁更新的库进行编译，只需要编译一次，编译完成后存在指定的文件中。在之后的构建过程中不会再对这些模块

html-webpack-plugin将html复制并插入一些打包后的依赖路径的插件，开发vue中必用的webpack插件之一！整理还是很辛苦的，大家且看且珍惜！

一般情况下，我们不用担心所使用的第三方库，在npm管理仓库中找不到。如果需要某一个库，如：jquery，可以直接运行npm install jquery脚本命令来安装这个项目所需要的依赖；然后，在使用jquery的模块文件中，通过import $ from

前端开发如何做好本地接口模拟之前有写过一篇 本地化接口模拟、前后端并行开发，讲到过本地接口模拟，但不太细致。这次细细的说说本地接口模拟。

npm install <plugin-name>@latest --save with all webpack plugins that you have. run npm i html-webpack-plugin@next --savet

前言继上一次webpack的基础配置分享之后，本次将分享一些工作中项目常用的配置插件、也会包含一些自己了解过觉得不错的插件，如有分析不到位的，欢迎纠错，嗯，这些东西文档都有，大佬可绕过。Wepack4之后废弃了很多的插件，这里只会讲解webpack4还支持

copy-webpack-plugin工作中会有一些已经存在但在项目中没有引用的图片资源或者其他静态资源，这些静态资源有可能是文档，也有可能是一些额外的图片。打包时保留这些静态资源，直接打包到制定文件夹。所以不需要再自己加__dirname。