第一个vue / webpack应用程序,没有webpack.config文件

时间:2017-08-09 11:39:11

标签: javascript webpack vue.js

我似乎无法让我的应用程序正确加载css文件,我认为这可能与我的应用程序似乎使用webpack这一事实有关,但根目录中没有webpack.config.js文件。 / p>

我有webpack.base.conf.jswebpack.dev.conf.js以及webpack.prod.conf.js,但它们都在./build文件夹中。

这是错的吗?

2 个答案:

答案 0 :(得分:1)

不,这是完全正确的。但是既然你在谈论CSS 文件,我想知道你是不是在滥用Webpack模板......

如果选择此模板,则应该在单个文件组件中编写大部分CSS代码,以及模板脚本 。在您的项目中,Webpack使用 vue-loader PostCSS 来处理您的样式规则。您当然可以创建静态样式表static文件夹中的CSS文件),但您应该谨慎使用此功能以尊重Vue的模块化特性。

(要获得单个文件组件的示例,请打开App.vue并查看代码。)

答案 1 :(得分:0)

您好像使用webpack中的vue-cli模板。在此模板中,来自dev的{​​{1}},startbuild npm脚本指向package.json/build/dev-server.js。这两个文件使用webpack Node.js api/build/build.js目录加载webpack配置。

/build vuejs-template是一种高级设置,并非旨在进行修改。它可以从webpack目录进行配置。

我建议您从webpack-simple模板开始,这个模板更容易掌握。

此外,如果您使用外部css文件,则必须从javascript中进行处理。

/config