1、用脚手架给运维部门搞了个小东西,重新温习了一遍牛逼又方便的vue-cli。
webpack的东西不必关心太多,而且webpack最近也是出了最新的4.0版本。还是改变挺多的,对一些代码的格式要求更严谨了。
2、脚手架的.gitignore文件:一开始对这个没在意。作用:提交git的时候忽略提交的文件 如配置:
node_modules/
dist/
就是提交git库时会忽略这两个文件的提交。
3、.postcssrc.js文件:
"plugins": {
// to edit target browsers: use "browserslist" field in package.json
"autoprefixer": {}
}
webpack低版本的话好像需要在webpack.base.conf.js配置autoprefixer及postcss。不想赘述了
autoprefixer其实就是自动补全css前缀的东西 即样式的各种浏览器支持的内核。
他会读取package.json里面的browserslist的配置
"browserslist": [
"> 1%",
"last 2 versions",
"not ie <= 8"
]
> 1%
兼容全球使用率大于 1%的游览器last 2 versions
兼容每个游览器的最近两个版本not ie <= 8
不兼容 ie8 及以下
4、最后的打包问题
config里面的index.js里的build
脚手架搭出来的默认是assetsPublicPath: '/',
但是打包后在本地打开时报路径错误
改为assetsPublicPath: './' 就OK啦。注意一下就可以