Laravel Mix Build成功但没有变化

时间:2018-10-01 19:40:59

标签: laravel sass laravel-5.5 laravel-mix

我正在尝试使用sass更改bootstrap的颜色主题。我正在运行命令 npm run watch ,并且在保存时会提示我:

  

Laravel Mix构建成功

查看页面时,看不到更改。 (我已经清除了缓存并进行了硬刷新,并关闭了浏览器/新浏览器)为此,我正在将“警告”更新为紫色,但是bg-warning不会更改为紫色背景(我相信这是打算做什么)。

我正在使用Laravel Framework 5.5

这是我的webpack.mix.js enter image description here

这是我的app.scss enter image description here

这是我的base / _colors.scss enter image description here

我尝试将base / _colors.scss代码直接放入app.scss文件,也没有运气。 (即使它说它可以正确构建。)

我还尝试了以下操作,但没有成功:

  

npm run dev

     

npm运行生产

编辑:另一种可能性是这不是sass与bootstrap一起工作的方式。我是否真的需要为事物分配$ warning的颜色,还是寻找$ warning的所有实例(.alert-warning,.bg-warning等)并替换?

2 个答案:

答案 0 :(得分:0)

我将执行以下进一步的步骤:

  1. 检查文件夹库是否确实存在
  2. 创建一个新的css文件,该文件不在文件夹(基本)中,只是要检查它是否会导致错误
  3. 在_colors.css中编写简单的CSS,然后检查是否可行
  4. 在颜色声明之后添加!important语句,以检查它是否不需要执行任何与覆盖样式有关的事情

答案 1 :(得分:0)

尝试热运行npm,对我有帮助:

npm run hot