这篇博客介绍了如何通过npm安装和卸载less及其loader，以及如何修改webpack配置文件以支持less文件的处理。步骤包括安装less@3.9.0和less-loader@5.0.0，然后在webpack.base.conf.js中添加.less扩展名，并在utils.js中配置less加载器。最后展示了创建和引用less文件的方法。
- 安装less插件
安装命令
npm install less@3.9.0 --save
npm install less-loader@5.0.0 --save
卸载命令
npm uninstall less
npm uninstall less-loader
- 修改配置文件
buid/webpack.base.conf.js文件
添加.less： extensions: ['.js', '.vue', '.json', '.less']
buid/utils.js文件
修改成： less: generateLoaders("less", { javascriptEnabled: true })
- 创建.less文件及引用
在src/assets/style目录下新建文件命名为common.less（路径可自定义）
在需要引入的页面引入或全局引入，引入方式 import '@/assets/style/common.less'
按照less语法编写样式
扫一扫
7203
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
