使用npm安装了Bulma CSS框架。现在,我正在尝试让布尔玛与Laravel Elixir合作。到目前为止,我的gulpfile.js中有以下内容:
const elixir = require('laravel-elixir');
require('laravel-elixir-vue-2');
elixir((mix) => {
mix
.webpack('app.js')
.styles([
'./node_modules/bulma/css/bulma.css'
])
.sass('app.scss');
mix.version(['css/app.css', 'js/app.js']);
});
但是似乎没有任何作用。任何想法如何使其正常工作?
先感谢您。
多亏了逆行的评论,我才能够更好地理解Laravel Elxir的工作方式,并且找到了解决问题的方法。我评论了我的gulpfile.js
。也许会帮助别人。
const elixir = require('laravel-elixir');
require('laravel-elixir-vue-2');
elixir((mix) => {
// Retrieve the file from the node_module folder
mix.copy('node_modules/bulma/css/bulma.css', 'resources/assets/css');
// Compile app.scss and specify a destination
mix.sass('app.scss', 'resources/assets/css/app.css');
// Combine Bulma and my stylesheet (filename will be all.css by default)
mix.styles(['bulma.css', 'app.css']);
// Compile and bundle ECMAScript 2015 into plain JavaScript
mix.webpack('app.js');
// See Laravel documentation: https://laravel.com/docs/5.3/elixir#versioning-and-cache-busting
mix.version(['css/all.css', 'js/app.js']);
});
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句