- 安装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语法编写样式