vue initwebpackとvueinitwebpackの違い-シンプル

Difference Between Vue Init Webpack

1. vue init webpack：

webpackプロジェクト自体にはcss-loaderがあります。次のcss-loaderに戻る必要はありません。スタイルローダー（npm install style-loader --save-dev）をダウンロードして、プロジェクトでwebpackを開くだけです。 .base.conf.jsファイルのモジュールのルールで、cssルールのコードを追加します。

{ test:/.css$/, loader: 'style-loader!css-loader' }

次に、導入するスタイルをApp.vueファイルのstyleタグに書き込みます。

2. vue initwebpack-シンプル

Webpack-simpleは簡略化されたバージョンであり、すべて手動でインポートする必要があります。

最初にnsminstall css-loader style-loader--save-devをnpmする必要があります。ダウンロード後、cssルールコードをwebpack.config.jsのルールに追加する必要があります。

{ test:/.css$/, loader: ['style-loader', 'css-loader'] }

インポートを介して直接 './assets/abc.css'