1.創建完成一個初始項目后,通過 npm install stylus -D命令,在項目內安裝stylus。(注意:命令結尾 -D 即是 --save-dev 的簡寫形式)
2.需要安裝loader,通過 npm install stylus-loader css-loader style-loader --save-dev 命令。
3.找到 webpack.base.conf.js 文件,並在其中的rules中寫入配置:
{
test:/\.css$/,
loader:'style-loader!css-loader!stylus-loader'
}
4.在組件內部的style標簽中,加入 lang="stylus" 即可。 <style lang="stylus"><style>
就可以使用stylus了