Javascript 无法加载带有Vue打包库(npm)的CSS文件

Javascript 无法加载带有Vue打包库(npm)的CSS文件,javascript,vue.js,npm,webpack,vue-cli-3,Javascript,Vue.js,Npm,Webpack,Vue Cli 3,我正在使用vue cli构建一个librabry(npm包),用于SSR和客户端。所有这些似乎都是CSS加载的一部分,只有当组件出现在正在刷新的页面中时才会加载。但是,如果访问不存在该组件的任何其他页面,然后导航(vue路由)到存在该组件的页面,则不会加载CSS 目前,我需要导入lib和CSS,我认为这样并不理想 import Vue from 'vue'; import myLib from 'myLib'; import 'myLib/dist/myLib-ssr.css'; Vue.us

我正在使用vue cli构建一个librabry(npm包),用于SSR和客户端。所有这些似乎都是CSS加载的一部分,只有当组件出现在正在刷新的页面中时才会加载。但是,如果访问不存在该组件的任何其他页面,然后导航(vue路由)到存在该组件的页面,则不会加载CSS

目前,我需要导入lib和CSS,我认为这样并不理想

import Vue from 'vue';
import myLib from 'myLib';
import 'myLib/dist/myLib-ssr.css';

Vue.use(myLib);
有什么想法可以解决吗?

根据这个

您只需将其包含在
/main.js
文件中,如下所示


需要(“@/assets/css/main.css”)
如果它不起作用,那么
npm安装样式加载器css加载器
,然后在
webpack.config.js
中添加这个

module: {
    rules: [
      {
        test: /\.css$/,
        use: [ 'style-loader', 'css-loader' ]   //  <=  Order is very important
      }
    ]
  }