Javascript 无法加载带有Vue打包库(npm)的CSS文件
我正在使用vue cli构建一个librabry(npm包),用于SSR和客户端。所有这些似乎都是CSS加载的一部分,只有当组件出现在正在刷新的页面中时才会加载。但是,如果访问不存在该组件的任何其他页面,然后导航(vue路由)到存在该组件的页面,则不会加载CSS 目前,我需要导入lib和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
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
}
]
}