js -- vue-cli less 글로벌 구성 추가

959 단어
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에 여러 경로를 설정할 수 있습니다.
다시
--END--

좋은 웹페이지 즐겨찾기