ラベル反応スタイルの適用

4798 ワード
テキストリンク
  • はまずwebpackです.mix.jsの修理を手伝います.
    追加.postCss('resources/css/app.css', 'public/css');
    • const mix = require('laravel-mix');

/*
 |--------------------------------------------------------------------------
 | Mix Asset Management
 |--------------------------------------------------------------------------
 |
 | Mix provides a clean, fluent API for defining some Webpack build steps
 | for your Laravel application. By default, we are compiling the Sass
 | file for the application as well as bundling up all the JS files.
 |
 */
mix.js('resources/js/app.js', 'public/js')
    .react()
    .postCss('resources/css/app.css', 'public/css');
    いいですよ.
    もちろんです.'resources/css/app.css'ディレクトリでファイルを生成する必要があります.
  • reactコンポーネントを読み込むbladeファイルを変更します.<link href="{{ mix('css/app.css') }}" rel="stylesheet">を<head> tagの間に入れる
    <!doctype html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Document</title>
        <link href="{{ mix('css/app.css') }}" rel="stylesheet">
    </head>
    <body>
        <div id="example"></div>
        <script src="{{ mix('js/app.js') }}"></script>
    </body>
</html>
    ここではasset()、大文字mix()と書く理由は簡単ですが、webpackを使います.mix.つまりjsを修正し、そこに定義されたパスを書きます.
    • 22日目-2022.03.22
    コードテスト5