1、用腳手架給運(yùn)維部門搞了個(gè)小東西，重新溫習(xí)了一遍牛逼又方便的vue-cli。
webpack的東西不必關(guān)心太多，而且webpack最近也是出了最新的4.0版本。還是改變挺多的，對一些代碼的格式要求更嚴(yán)謹(jǐn)了。
2、腳手架的.gitignore文件：一開始對這個(gè)沒在意。作用：提交git的時(shí)候忽略提交的文件 如配置：
node_modules/
dist/
就是提交git庫時(shí)會(huì)忽略這兩個(gè)文件的提交。
3、.postcssrc.js文件：
"plugins": {
// to edit target browsers: use "browserslist" field in package.json
"autoprefixer": {}
}
webpack低版本的話好像需要在webpack.base.conf.js配置autoprefixer及postcss。不想贅述了
autoprefixer其實(shí)就是自動(dòng)補(bǔ)全css前綴的東西 即樣式的各種瀏覽器支持的內(nèi)核。
他會(huì)讀取package.json里面的browserslist的配置
"browserslist": [
"> 1%",
"last 2 versions",
"not ie <= 8"
]
> 1%兼容全球使用率大于 1%的游覽器last 2 versions兼容每個(gè)游覽器的最近兩個(gè)版本not ie <= 8不兼容 ie8 及以下
4、最后的打包問題
config里面的index.js里的build
腳手架搭出來的默認(rèn)是assetsPublicPath: '/',
但是打包后在本地打開時(shí)報(bào)路徑錯(cuò)誤
改為assetsPublicPath: './' 就OK啦。注意一下就可以
浙公網(wǎng)安備 33010602011771號