2017-05-17 8 views
9

プロジェクトでSASSまたはSCSSを使用する必要があります。最新のvue-cliスタータープロジェクトでSASS/SCSSを使用するには?

私はvue-cliを使ってスタータープロジェクトの最新バージョンを作成しました。

誰でもwebpackで最新のスタータープロジェクトでsass/scssを作成することに成功しましたか? LANG追加、

import './styles/my-styles.scss'

  • .vue内のファイル:

  • 答えて

    22
    1. あなたは、必要な依存関係

      グローバルスタイルにnpm install -D node-sass sass-loader

    2. 、単にmain.jsにファイルをインポートをインストール<style>へnt。

      <style lang="scss">

    webstorm使用している場合:VUE-CLIによってデフォルトのプロジェクトと

    <style lang="scss" rel="stylesheet/scss">

    +1

    第二文句を言わない仕事を。 –

    +1

    @KirillMatrosov最新の[vuejs-templates/webpack](https://github.com/vuejs-templates/webpack)のテンプレートを使いましたか?それは実際に私のために働く。 – Illuminator

    +0

    @イルミネーター、はい、私です。そして、私は 'test:/\.scss$/'ルールを追加して、分離されたscssファイルを正しく束ねるようにします。 –

    関連する問題