js -- vue-cli添加less全局配置

2018-08-21  本文已影响94人  反者道之动001

vue-cli添加less全局配置

项目老是引入css变量好麻烦, 加入全局配置就方便多了。

代码如下:

function generateSassResourceLoader () {
        var loaders = [
            cssLoader,
            'less-loader',
            {
                loader: 'sass-resources-loader',
                options: {
                    resources: [
                        path.resolve(__dirname, '../src/components/less/var.less')
                    ]
                }
            }
        ]
        if (options.extract) {
            return ExtractTextPlugin.extract({
                use: loaders,
                fallback: 'vue-style-loader'
            })
        } else {
            return ['vue-style-loader'].concat(loaders)
        }
    }
less: generateSassResourceLoader()

修改文件在:\build\utils.js

resources里面可以配置多个路径哦~~

记得重新dev

--END--

上一篇下一篇

猜你喜欢

热点阅读