vuejs2 - 在 laravel/vuejs2 项目中添加纯自定义 css 文件

Question

我正在使用 laravel5.4 和 vuejs2 构建一个小项目。我刚开始用 laravel 学习 vuejs2。使用 laravel-mix 编译我的 Assets 。在 laravel-mix 文档中，我似乎无法找到一种方法来添加我自己的要合并和观看的纯 css 文件。

我在 public/css/custome.css 文件中有自己的 css 规则。我应该在 webpack.mix.js 文件中写什么，以便 laravel mix 包含和监视我的这个文件？目前我在文件中有以下几行:

mix.js('resources/assets/js/app.js', 'public/js')
.sass('resources/assets/sass/app.scss', 'public/css');

Answer 1

将自定义 CSS 文件移动到 resources/css 文件夹中，并在 webpack.mix.js 中编写以下配置

注意:resources 中可能没有 css 文件夹，因此只需创建一个即可。

mix.styles([
'resources/css/custom.css'
], 'public/css')