美文网首页
js -- vue-cli添加less全局配置

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

作者: 反者道之动001 | 来源:发表于2018-08-21 13:48 被阅读94次

    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--

    相关文章

      网友评论

          本文标题:js -- vue-cli添加less全局配置

          本文链接:https://www.haomeiwen.com/subject/jkadiftx.html