今回は、Vue で sass 設定を使用する手順について詳しく説明します。Vue で sass 設定を使用する際の 注意事項 について、実際のケースを見てみましょう。
1. Webpack テンプレートに基づいて新しいプロジェクトを作成します$ vue init webpack myvue
installdependency
$ cd myvue $ npm install
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'] }
<style lang="scss">
8. 実行結果の背景が灰色に変わり、sassが正常に設定されたことを示しますか
この記事の事例を読んだ後は、この方法を習得したと思います。もっと面白いものを知りたい場合は、php 中国語 Web サイトのその他の関連記事に注目してください。
推奨読書:Nodejsのパスワード暗号化処理方法のまとめ
以上がvue で sass を使用するための設定手順の詳細な説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。