Javascript Css无法使用vue webpack simple解析

我创建了一个网页包简单项目，如下所述：

接下来，我安装了vue codemirror（），使用

npm安装vue codemirror--save

。在

main.js

中，导入并使用vue codemirror

import CodeMirror from 'vue-codemirror';
Vue.use(CodeMirror);

但是，运行

npm run dev

会产生所有codemirror css的错误。所有错误如下所示：

ERROR in ./~/codemirror/addon/dialog/dialog.css
Module parse failed: C:\Users\aidan\Code\ludum-dare-37\node_modules\codemirror\addon\dialog\dialog.css Unexpected token (1:0)
You may need an appropriate loader to handle this file type.
| .CodeMirror-dialog {
|   position: absolute;
|   left: 0; right: 0;
 @ ./~/babel-loader/lib!./~/vue-loader/lib/selector.js?type=script&index=0!./~/vue-codemirror/codemirror.vue 99:6-51
 @ ./~/vue-codemirror/codemirror.vue
 @ ./~/vue-codemirror/index.js
 @ ./src/main.js
 @ multi main

---

我需要安装样式加载器

npm install style-loader --save-dev

然后将其添加到

webpack.config.js

。具体而言，我添加了以下模块规则：

{
    test: /\.css$/,
    loader: "style-loader!css-loader"
},

---

我需要安装样式加载器

npm install style-loader --save-dev

然后将其添加到

webpack.config.js

。具体而言，我添加了以下模块规则：

{
    test: /\.css$/,
    loader: "style-loader!css-loader"
},