Vue.js vue cli项目中的加载程序更少

我试图在vue cli创建的项目中使用较少的文件

还有一个问题是，这是否是最佳做法。早些时候，我全局添加了webpack，启动了一个watcher，并添加了一个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并更改了配置文件中的路径。如果您使用的是vue cli 3，这两种方法似乎都不起作用。只需在vue文件中使用less，只需将lang设置为“less”或“scss”——非常方便。在网页包端不应有其他配置：

<style lang="less">

@导入“./less/index.less”

---

加载选项的对象值。less应该是

less loader

的实际选项

sass加载程序

有一个

data

选项，但是

less加载程序

没有，所以您不能这样做。如果要设置全局变量，请参阅。