vue報錯 vue-cli 引入 stylus 失敗

1.1.1.   vue-cli 引入 stylus 失敗

先經過vue-cli的webpack模板創建文件夾:

vue init webpack test-stylus

而後安裝依賴

npm install

再而後 安裝stylus stylus-loader style-loader

npm install stylus stylus-loader style-loader --save-dev

而後改了一下webpack的配置在webpack.base.conf.js的module的loaders里加入了

 

{

  test: /\.styl$/, loader: 'style-loader!css-loader!stylus-loader'

}

 

在resolve的extensions里加入了.styl

extensions: ['', '.js', '.vue','.styl']

接下來就隨便寫了個index.styl文件,內容就一行(實驗嘛)

body

    margin 0

而後在main.js裏引入

import './stylus/index.styl'

接下來

npm run dev