VUEJS項目實踐六之No PostCSS Config found in

五一放假有時間啦,我又來更博啦~
今天把之前寫的vuejs項目從我的寶貝mac本本上copy到另外一臺電腦上的時候,跑不起來。
幾次cnpm install了以後還是報這個錯
No PostCSS Config found in

在這裏插入圖片描述
是之前引入的bootstrap文件那塊報錯。

然後我去查了一下postcss
postcss官方文檔

然後對比了一下其他我跑的沒問題的vuejs項目,發現我少了一個配置文件
在這裏插入圖片描述
項目根目錄下的一個.postcssrc.js文件,拷貝也行,新建也行

module.exports = {
  "plugins": {
    "postcss-import": {},
    "postcss-url": {},
    // to edit target browsers: use "browserslist" field in package.json
    "autoprefixer": {}
  }
}

在這裏插入圖片描述
再npm run dev就好了耶!好棒~
這個文件應該是腳手架搭建項目的時候生成的,我拷貝的時候漏了~
去github上看了一下它的用法
github上的postcss用法

第二種方法~
我在網上看到有朋友不是上面那樣寫的配置文件,而是在項目根目錄下新建一個文件
post.config.js文件

module.exports = {
    plugins: {
        'autoprefixer': {browsers: 'last 5 version'}
    }
}

試了一下,也可以哦~

最近才學的vuejs,以前都沒有注意到postcss耶,我又學到了~

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章