vue2.0 webpack打包及优化分享

1. 第一次写文章，主要还是为了分享自己工作中遇到的一些问题，以及记录，方便以后查看

1、 import App from ‘./App’ 这个 放在最后 （防止css失效）
2、 config=>index.js=>build=>assetsPublicPath: ‘./’, （能读取到脚本）
3、 build=>utils.js=>
return ExtractTextPlugin.extract({
use: loaders,
fallback: ‘vue-style-loader’,
publicPath: ‘…/…/’
})

优化
4、路由懒加载
5、css文件过大处理 ：build=>webpack.prod.conf.js
new ExtractTextPlugin({
filename: utils.assetsPath(‘css/[name].[contenthash].css’)
allChunks: false,
}),
6、 css浏览器无映射 .map 打包去掉 config=>index.js=>build productionSourceMap:false
7、vue webpack 单页面 加载慢 gzip 访问（大大的提高了加载速度 ，）
1）config/index.js ，找到 build 对象中的 productionGzip ，改成 true
2）npm install --save-dev compression-webpack-plugin@1.1.11

注：用cdn不是很建议，自己试过放在服务器本地和走cnd 速度还是前者快，加上cdn地址文件的更新或损坏都是不可控的，建议用前者