在vue工程中，在引入moment时，发现build之后的包比不引入moment的包文件大了整整两百多kb，后来发现webpack会把moment的语言包也一起打包
new webpack.IgnorePlugin(/^\.\/locale$/, /moment$/)Vue-cli2在webpack.prod.conf.js的plugins中增加上述语句，Vue-cli3在vue.config.js中增加
configureWebpack: {
plugins: [new webpack.IgnorePlugin(/^\.\/locale$/, /moment$/)]
}本文内容仅供个人学习/研究/参考使用，不构成任何决策建议或专业指导。分享/转载时请标明原文来源，同时请勿将内容用于商业售卖、虚假宣传等非学习用途哦～感谢您的理解与支持！
现在的打包Vue项目目前流行的就是使用weex和cordova。weex是阿里提供并且Vue的作者也极力推荐的，有兴趣的可以去学习使用一下。下面说说怎么使用cordova打包Vue项目
在编写库的时候，我们有时候会希望按需加载某些依赖，例如如果代码的运行环境不支持某些功能的话，就加载相关的Polyfill。webpack作为当前最流行的打包工具，早已支持动态加载的功能了。本文将讨论一种用webpack打包含动态加载的类库的方法。
随着ES的普及我们越来越多的开始使用ES6的语法了，当然也随着mvvm框架的流行少不了js模块化，那js模块化又有那些呢？在很早的时候大家都用的命名空间，现在也有人用（库名.类别名.方法名）
webpack在打包的时候第一次总是会做很长的准备工作，包括加载插件之类的。在刚接触webpack的时候总是webpack一下-测一下-改一下-再webpack一下，这种方式最后让很多人崩溃了觉得webpack一点都不好用
在新建好的项目中，一般执行npm run build就是打包了，但此时只能打包到一个环境，不同环境需要配置不同的地址，可以手动更改接口的地址，也可以自行配置命令而不需要每次打包进行地址切换
打包工具可以更好的管理html，css，javascript，使用可以锦上添花，不使用也没关系。html好比是房子的地基，css和 javascript是房子的建筑材料，这三个部分一起组成个漂亮的房子
准备一个空文件夹，然后执行下列命令：然后创建一个 dist 目录，并在里面创建一个 indedx.html：接着创建一个 src 目录，在里面创建一个 lib 文件夹，创建一个 until.js:再创建 components 文件夹，再写入几个 js:
我们有时候因为一些特殊需求，可能需要将js/css/img等资源文件都打包到根路径下，但vue-cli3.0的路径配置中仅有assetsDir配置项能够配置所有的静态文件所在的文件夹，并不能针对css/js/img等资源文件分别来做设置，那么请看我如何尝试的吧！
前端经过漫长的发展，涌现出了很多实践方法来处理复杂的工作流程，让开发变得更加简便，其中，模块化可以使复杂的程序细化成为各个小的文件，而webpack并不强制你使用某种模块化方案，而是通过兼容所有模块化方案让你无痛接入项目
最近，遇到复杂h5页面开发，为了优化H5首屏加载速度，想到使用按需加载的方式，减少首次加载的JavaScript文件体积，于是将处理过程在这里记录一下，涉及到的主要是以下三点：
内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!