Vue2.0 中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语法编写样式