Question

我正在使用laravel5.4和vuejs2来构建一个小项目。我刚开始用laravel学习vuejs2。使用laravel-mix编译我的资产。在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

Move your custom CSS file into #!/bin/bash input_file="$1" while IFS=" " read -r number ID do perl extract.pl $ID $number.ext > $number_ID.ext done < "$1" folder and write the configuration below in resources/css

Note: You probably won't have a webpack.mix.js folder in css, so just create one.

resources

Answer 2

我在Laracast上找到了一个解决方案，它对我有用。

以下是步骤：

将 public / css / custome.css 的内容保存在 resources / assets / sass / _custome.scss

您必须将文件扩展名更改为.scss，并在开头添加下划线。在导入主app.scss文件时，下划线将非常有用。

通过以下方式将 resources / assets / sass / _custome.scss 文件导入到 resources / assets / sass / app.scss 中：
```
alt=""
```
将此包含在您的webpack.mix.js文件中
```
alt="something meaningful"
```

编译为

/* importing _custome.scss from the same directory containing the following files 
   resources/assets/sass/{app.scss, _custome.scss, _variables.scss} */

// import _custome.scss
@import "custome";

// import _variables.scss (custom variables for bootstrap-sass)
@import "variables";

// importing bootstrap-sass from node modules (if you are using bootstrap)
@import "node_modules/bootstrap-sass/assets/stylesheets/bootstrap";

仅此而已。

在laravel / vuejs2项目中添加普通的自定义css文件

2 个答案: