我似乎无法让我的应用程序正确加载css文件,我认为这可能与我的应用程序似乎使用webpack这一事实有关,但根目录中没有webpack.config.js
文件。 / p>
我有webpack.base.conf.js
和webpack.dev.conf.js
以及webpack.prod.conf.js
,但它们都在./build
文件夹中。
这是错的吗?
答案 0 :(得分:1)
不,这是完全正确的。但是既然你在谈论CSS 文件,我想知道你是不是在滥用Webpack模板......
如果选择此模板,则应该在单个文件组件中编写大部分CSS代码,以及模板和脚本 。在您的项目中,Webpack使用 vue-loader 和 PostCSS 来处理您的样式规则。您当然可以创建静态样式表(static
文件夹中的CSS文件),但您应该谨慎使用此功能以尊重Vue的模块化特性。
(要获得单个文件组件的示例,请打开App.vue
并查看代码。)
答案 1 :(得分:0)
您好像使用webpack
中的vue-cli
模板。在此模板中,来自dev
的{{1}},start
和build
npm脚本指向package.json
和/build/dev-server.js
。这两个文件使用webpack Node.js api从/build/build.js
目录加载webpack配置。
/build
vuejs-template是一种高级设置,并非旨在进行修改。它可以从webpack
目录进行配置。
我建议您从webpack-simple
模板开始,这个模板更容易掌握。
此外,如果您使用外部css文件,则必须从javascript中进行处理。
/config