vue.config.js 似乎没有加载

Question

在：

https://codesandbox.io/s/dazzling-jepsen-r7283?file=/vue.config.js

基于：

vue.config.js

const path = require("path");
module.exports = {
  configureWebpack: {
    resolve: {
      alias: {
        "modal-styles": path.resolve(__dirname, "./src/styles/modal-style.css")
      }
    }
  },
  css: {
    loaderOptions: {
      less: {
        modifyVars: {},
        javascriptEnabled: true
      }
    }
  }
};

未被 vue-cli 加载。想法是复制：

https://codesandbox.io/s/cs-vue-cli-3-vj2rl?file=/vue.config.js

当到达 EditCategory.vue 的 styles 标签时：

<style scoped>
@import 'modal-styles';
</style>

无法读取别名：

TypeError
Path must be a string. Received null
r
https://codesandbox.io/static/js/common-sandbox.7be24d846.chunk.js:1:246770
Object.isAbsolute
https://codesandbox.io/static/js/common-sandbox.7be24d846.chunk.js:1:247916
(anonymous function)
https://codesandbox.io/static/js/vendors~postcss-compiler~vue-style-compiler.f9e51cefa.chunk.js:1:1069
(anonymous function)
https://codesandbox.io/static/js/vendors~postcss-compiler~vue-style-compiler.f9e51cefa.chunk.js:1:1060
This screen is visible only in development. It will not appear if the app crashes in production.
Open your browser’s developer console to further inspect this error.
This error overlay is powered by `react-error-overlay` used in `create-react-app`.

Answer 1

style中的路径错误：

<style>
  @import '/src/styles/modal-style.css';
</style>

vue.config.js 似乎没有加载

vue.config.js does not seem to load

javascript

css

less

vue.js

vuejs2