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