前情提要】日前本人將本地項目上傳GitHub之后,然后再clone到本地,運行是報錯:Error: No PostCSS Config found in...
項目在本地打包運行的時候不報錯,上傳到 GitHub 之后,再 clone 到本地,執行安裝依賴命令:
cnpm install
安裝完依賴之后再執行編譯命令:
npm run dev
這個時候居然報錯了,納尼?以為是Github代碼的問題,就重新操作兩遍,依然還是報錯。於是開始搜索解決辦法,在項目根目錄新建postcss.config.js文件,並對postcss進行配置:
module.exports = {
plugins: {
'autoprefixer': {browsers: 'last 5 version'}
}
}
然后測試,果然好了
npm run dev
項目在本地運行時本來不報錯的,但是為什么上傳到 GitHub 之后,再 clone 下來,再運行就得單獨寫一個 postcss.config.js 的文件並配置一下呢?
在npm上查到的postcss配置在webpack.config.js,postcss.config.js是針對webpack3.0做的特殊處理
【小貼士】如果在國內執行npm install很慢的話,可以安裝cnpm命令,使用淘寶鏡像,速度賊快。cnpm跟npm用法完全一致,只是在執行命令時將npm改為cnpm即可。但是cnpm 的倉庫只是 npm 倉庫的一個拷貝,它不承擔 publish 工作,所以你用 cnpm publish 命令會執行失敗的,另外不僅是 publish 會執行失敗,其它的需要注冊用戶(npm adduser)、或者修改 package 狀態等命令都無法用 cnpm。
淘寶 NPM 鏡像:這是一個完整 npmjs.org 鏡像,你可以用此代替官方版本(只讀),同步頻率目前為 10分鍾 一次以保證盡量與官方服務同步。