0

ブルマのCSSフレームワークをnpmでインストール。現在、Bulma を 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']);
});

しかし、何も機能していないようです。適切に機能させる方法はありますか？

前もって感謝します。

4

2 に答える 2

1

retrogradeさんのコメントのおかげで、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']);
});
于 2017-02-07T15:25:33.920 に答える