安装步骤基于使用vue-cli创建的项目。
- npm install stylus -D命令,在项目内安装stylus。(注意:命令结尾 -D 即是 --save-dev 的简写形式)
- 需要安装loader,通过 npm install stylus-loader css-loader style-loader --save-dev
- 修改webpack.base.conf.js 文件,在rules中写入配置:
{ test:/\.css$/, loader:'style-loader!css-loader!stylus-loader' }
- 页面中写入css代码,<style lang=“stylus” scoped>
- 重启项目,npm run dev