Vue.js:未获取dist文件夹中外部组件datetimepicker的CSS引用

我在我的组件中使用了一个外部组件datetimepicker，当我运行该项目时，它可以正常工作，如下所示

但是，在为生产构建web组件以获取dist目录中的min.js文件时，没有在dist目录中接收到的js文件中获取外部组件datetimepicker的CSS引用。它不呈现datetimepicker字段的样式。它显示如下。有什么解决办法吗

我已执行以下命令：

$ npm install vuejs-datetimepicker

下面的代码用于此

<td align="left">                            
    <datetime format="DD-MM-YYYY h:i:s" width="280px" v-model="dateTime"></datetime>                    
</td>

我使用命令

npm run build

构建为web组件

在下面附加我的程序包文件：

{
  "name": "ABC",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build --target wc-async --name common-apps 
./src/App.vue",
    "test:unit": "vue-cli-service test:unit",
    "lint": "vue-cli-service lint"
  },
  "dependencies": {
    "core-js": "^3.6.4",
    "vue": "^2.6.11",
    "vuejs-datetimepicker": "^1.1.13",
    "vuex": "^3.1.2"
  },
  "devDependencies": {
    "@vue/cli-plugin-babel": "^4.2.0",
    "@vue/cli-plugin-eslint": "^4.2.0",
"@vue/cli-plugin-unit-jest": "^4.2.0",
"@vue/cli-plugin-vuex": "^4.2.0",
"@vue/cli-service": "^4.2.0",
"@vue/eslint-config-prettier": "^6.0.0",
"@vue/test-utils": "1.0.0-beta.31",
"babel-eslint": "^10.0.3",
"eslint": "^6.7.2",
"eslint-plugin-prettier": "^3.1.1",
"eslint-plugin-vue": "^6.1.2",
"prettier": "^1.19.1",
"sass": "^1.25.0",
"sass-loader": "^8.0.2",
"vue-template-compiler": "^2.6.11"
  }
}

---

我只需在终端中执行命令

npm install style loader css loader--save

，就解决了这个问题。

请与我们分享更多细节好吗？您的构建管道是什么样子的？你到底在用什么？请随时提供您的开发和产品配置的最低版本。控制台中是否显示了任何与此相关的错误或警告？如果可能，请尝试在文件中导入与该组件相关的css文件。例如：-import'quill/dist/quill.bubble.css'//我将此模式用于quill编辑器，因为它会导致类似的问题看起来您的css文件没有生成。请使用相同的软件包共享您的配置，但这对我没有帮助，您确定这确实为您解决了问题，还是还有其他问题？

{
  "name": "ABC",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build --target wc-async --name common-apps 
./src/App.vue",
    "test:unit": "vue-cli-service test:unit",
    "lint": "vue-cli-service lint"
  },
  "dependencies": {
    "core-js": "^3.6.4",
    "vue": "^2.6.11",
    "vuejs-datetimepicker": "^1.1.13",
    "vuex": "^3.1.2"
  },
  "devDependencies": {
    "@vue/cli-plugin-babel": "^4.2.0",
    "@vue/cli-plugin-eslint": "^4.2.0",
"@vue/cli-plugin-unit-jest": "^4.2.0",
"@vue/cli-plugin-vuex": "^4.2.0",
"@vue/cli-service": "^4.2.0",
"@vue/eslint-config-prettier": "^6.0.0",
"@vue/test-utils": "1.0.0-beta.31",
"babel-eslint": "^10.0.3",
"eslint": "^6.7.2",
"eslint-plugin-prettier": "^3.1.1",
"eslint-plugin-vue": "^6.1.2",
"prettier": "^1.19.1",
"sass": "^1.25.0",
"sass-loader": "^8.0.2",
"vue-template-compiler": "^2.6.11"
  }
}