当我导入bootstrap时，我的ve3类组件Typescript应用程序的编译/构建速度变慢了 &

Question

我意识到使用vue-cli构建我的应用程序要慢得多(无论是构建产品还是简单的开发服务器)。

我以这种方式在SCSS文件中导入bootstrap，该文件重写了在所有其他SCSS组件中导入的一些规则。

@import "bootstrap/scss/bootstrap";

下面是构建时比较屏幕:

Build with bootstrap

Build without bootstrap

我希望你能帮助我:)

Answer 1

我通过从组件中删除导入并在'loaderOptions'中添加我的scss文件来解决我的问题，如下所示

module.exports = {
...
css: {
loaderOptions: {
scss: {
additionalData: `@import "~@/assets/base.scss";`
},
}
}
};