Question

我正在尝试在vue-cli创建的项目中使用较少的文件。

这也是最佳实践的问题。早些时候，我在全球范围内添加了webpack并启动了观察程序，并添加了webpack.config.js

这次我用vue-cli / vue ui创建了一个项目，文档说我必须在这里使用vue.config.js：

module.exports = {
css: {
    loaderOptions: {
        // pass options to sass-loader
        less: {
            // @/ is an alias to src/
            // so this assumes you have a file named `src/variables.scss`
            data: `@import "@/all.less";`
        }
    }
}
}

我将文件添加到src / all.less中，还尝试了src / assets / less / all.less并更改了配置文件中的路径。两者似乎都不起作用。

Answer 1

如果您正在使用vue cli 3。只需在vue文件中使用较少的权限，只需将lang设置为“ less”或“ scss”即可。 webpack端不应有其他配置：

<style lang="less">

@import'./less/index.less';

Answer 2

对我来说，问题是当我在配置中只设置了 vanilla css 时，我将一个组件的语言设置为“less”：

<style lang="less" scoped>
//styling here
</style>

代替

<style lang="css" scoped>
//styling here
</style>

Vue-CLI项目中的装载机更少

2 个答案: