vue.config.js 940 B

12345678910111213141516171819202122232425262728
  1. module.exports = {
  2. publicPath: "/web",
  3. assetsDir: "assets",
  4. chainWebpack: config => {
  5. const oneOfsMap = config.module.rule("scss").oneOfs.store
  6. oneOfsMap.forEach(item => {
  7. item.use("sass-resources-loader")
  8. .loader("sass-resources-loader")
  9. .options({
  10. // 全局变量资源路径
  11. resources: "./src/assets/styles/main.scss"
  12. // 也可以选择全局变量路径数组, 如果你有多个文件需要成为全局,就可以采用这种方法
  13. // resources: ['./path/to/vars.scss', './path/to/mixins.scss']
  14. // 或者你可以将多个scss文件@import到一个main.scss用第一种方法,都是可以的
  15. })
  16. .end()
  17. })
  18. },
  19. css: {
  20. loaderOptions: {
  21. sass: {
  22. sassOptions: {
  23. outputStyle: 'expanded'
  24. }
  25. }
  26. }
  27. }
  28. }