1.npm install less less-loader --save

2.配置less: 路徑：build---webpack.base.conf.js添加

{test:/\.less$/, loader:'style-loader!css-loader!less-loader'}

3.想使用全局less,先安裝插件

1）npm install sass-resources-loader --save-dev

2）在build/utils.js中找到return{}

return {css: generateLoaders(),postcss: generateLoaders(),less: generateLoaders('less').concat({loader: 'sass-resources-loader',options: {resources: [path.resolve(__dirname, '../static/styles/common.less'), path.resolve(__dirname, '../static/styles/components.less')]}}),sass: generateLoaders('sass', { indentedSyntax: true }),scss: generateLoaders('sass'),stylus: generateLoaders('stylus'),styl: generateLoaders('stylus') }

總結

以上是生活随笔為你收集整理的vue安装less并全局引入less/sass文件的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。