今回は、Vue2.0 でのグローバル スタイルの設定について詳しく説明します。注意点 とは何ですか?実際の事例を見てみましょう。
Vue のグローバル スタイルを設定するには、いくつかの手順が必要です (sass の場合は、sass に変更を加えるだけです)
ステップ 1: エントリー ファイルである src ディレクトリの main.js に次のコード
require('!style-loader!css-loader!less-loader!./common/less/index.less')
require('./common/less/index.less')
ステップ 2: ビルド ディレクトリの webpack.base.conf.js 構成モジュールで、ルールの下に 2 つのモジュールを追加するだけです
module.exports = { module: { rules: [ { test: /\.less$/, loader: 'style-loader!css-loader!less-loader' }, { test:/\.css$/, loader:'css-loader!style-loader', } ] } }
ステップ 3: エラーが報告された場合、上記の依存関係をインストールすることはできません。ルート ディレクトリの package.json ファイルに依存関係を追加する必要があります
。ステップ 4: コマンド ウィンドウでコマンドを実行して依存関係をインストールします
npm install
sudu npm install
<style></style>
element-ui テーブルコンポーネントを再利用する方法
JS+canvasで回転アニメーションを作成以上がVue2.0でグローバルスタイルを設定する手順を詳しく解説の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。