問題タブ [sass-loader]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - Webpack は JS のみを生成し、SCSS から CSS ファイルは生成しません
私のプロジェクトでは、React と NodeJS で Webpack を使用しています。bundle.jsandstyle.cssファイルを生成したい。現在、私は次のコードを持っています：
しかしwebpack 、JSファイルのみを実行すると、./publicマップに作成されます。
以下の例/チュートリアルは、CSS ファイルのみを対象としているか、ExtractText を実装しないなどの明らかな間違いです。パッケージもダウンロードしましたsass-loader node-sass。いくつかの例では、含まれているパッケージを見つけましたが、含まれていないパッケージもありました。
編集 (index.js でスタイルが必要):
編集 (webpack.config.js):
私のフォルダ構造は次のようになります。
sass - Sass のロード時に Webpack ExtractTextPlugin がエラーをスローする
sass-loader を webpack 構成に追加しようとすると、エラーが発生します:
webpack.config:
extract() 呼び出しのパラメーターに対してさまざまなオプションを試しましたが、うまくいきませんでした。どんな助けでも大歓迎です。
reactjs - ディレクトリが異なるため、webpack のビルドに失敗する
このボイラープレートhttps://github.com/opencredo/opencredo-react-boilerplateを試していますが、プロジェクトが次の場所にある場合は正常に動作します。
"/Users/[my_home]/oc/adminUI"
しかし、この定型文を他のプロジェクトのサブディレクトリに次のようなパスで移動すると:
/Users/[my_home]/Projects/src/github.com/[user]/[project_name]/adminUI
次に、次のようなエラーが発生します。
./~/css-loader?modules&sourceMap&importLoaders=1&localIdentName=[name]-[local]-[hash:base64:5]のエラー!./~/postcss-loader!./~/sass-loader!./~/ style-loader!./~/css-loader?sourceMap!./~/postcss-loader!./~/sass-loader!./src/styles/app.scss モジュールのビルドに失敗しました: @import 'base'; ^ "...load the styles" の後の無効な CSS: 期待される 1 つのセレクターまたは @-rule は、/Users/[home]/Projects/src/github.com/[user]/ で "content = requi..." でした[プロジェクト]/adminUI/src/styles/app.scss (1 行目、1 列目) @ ./src/styles/app.scss 4:14-426 13:2-17:4 14:20-432
- npm バージョン: 3.6.0
- ノードのバージョン: 5.7.0
- OS: OS X 10.11.2
webpack は、それが配置されているディレクトリを気にするべきではないと考えました。
編集：
ウェブパック構成:
reactjs - ウェブパックとサス
webpack を使用して scss ファイルを読み込む際に問題が発生しています。
次のエラーが表示されます。
これは私のwebpack構成ファイルです:
これは main.scss です:
そして、次のように App.js エントリ ポイントにファイルをインポートします。
任意のヒント？
css - webpack と ReactJS の sass ローダーがわかりません
ReactJS アプリのスタイルシートに .scss を使用しようとしています。私はwebpack構成ファイルを持っていますcss-loader , sass-loader, and style-loader.
css を app.js ファイルにインポートできimport './test.css'ましたが、うまくいきませんでしたimport './test.scss'。
これが私のpackage.jsonです：
私のウェブパック：
****3行目はcssの読み込み方法がわかったのでコメントアウトしています。**
私のapp.jsで
私require("!style!css!sass!./styles.scss");
も試してみましimport './styles.scss'たが、成功しませんでした。
現在、私のエラーはUncaught Error: Cannot find module "./../../node_modules/css-loader/lib/css-base.js"