初识 Webpack (四) 解析stylus文件（loader和plugs配置）

目录

文章

➊ 模块安装

➋ 添加对应处理的loader和plugin

总结

---

• 文章

1. vue-cli构建的vue项目中引入stylus文件(转)

• ➊ 模块安装

1. 安装所需loader及依赖木块，style-loader、css-loader、stylus-loader、stylus。
2. 安装所需插件，extract-text-webpack-plugin、html-webpack-plugin

     

• ➋ 添加对应处理的loader和plugin

1. 0 前言

bundle.js 文件配置学习篇

1. 1 webpack.config.js 引入相应的插件

1. 2 解析stylus文件，在loader的配置当中，rules的test通过正则，匹配后缀名是.styl的文件，匹配成功之后使用ExtracTextPlugin插件的extract方法进行相应的解析，解析成功之后fallback的style-loader进行样式的解析，从而使样式起作用

1. 3 生成的样式需要添加到页面中plugins

➀ 配置：

➁  解析前：

 

 

➂​​​​​​​  解析后：

 

• 总结