ホームページ >ウェブフロントエンド >jsチュートリアル >vueでsassを使う設定方法 project_vue.js
今回は、sass を使用して vue を設定する手順について詳しく説明します。sass を使用して vue を設定する際の 注意事項 について、実際のケースを見てみましょう。
1. Webpack テンプレートに基づいて新しいプロジェクトを作成します$ vue init webpack myvue2. 現在のディレクトリに、
installdependency
$ cd myvue $ npm install3. ビルドフォルダーに Webpack.base をインストールします。以下に示すように .conf.js のルールに合わせて
npm install --save-dev sass-loader //sass-loader依赖于node-sass npm install --save-dev node-sassを変更します。
5. APP.vue の style タグを変更します
{ test: /\.sass$/, loaders: ['style', 'css', 'scss'] }6. 次に、プロジェクト
<style lang="scss">を実行します。 、効果がわかります
8. 実行結果の背景が灰色に変わり、sassが正常に設定されたことを示しますか
この記事の事例を読んだ後は、この方法を習得したと思います。もっと面白いものを知りたい場合は、php 中国語 Web サイトのその他の関連記事に注目してください。
推奨読書:vue-router でクエリパラメータを動的に渡す手順は何ですか
IP でローカル開発環境にアクセスできない問題に対処する方法
以上がvueでsassを使う設定方法 project_vue.jsの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。