前提・実現したいこと
node-sassからsassに移行しようとしていたのですが、
javascriptでscssファイルのimportをしようとしていてエラーが発生しており、
importができません。
発生している問題・エラーメッセージ
Module parse failed: Unexpected token (1:0) You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders > :export { | testWidth: 300px; | testHeight:600px;
該当のソースコード
scss
1:export { 2 testWidth: 300px; 3 testHeight:600px; 4}
JavaScript
1import style from './_variable.scss'
webpack
1 module: { 2 rules: [ 3 { 4 test: /.(css|scss|sass)/, 5 use: [ 6 "style-loader", 7 "css-loader", 8 { 9 loader: "sass-loader", 10 options: { 11 implementation: require('sass'), 12 fiber: require('fibers'), 13 }, 14 }, 15 ], 16 }, 17 ], 18 },
試したこと
元々入っていたnode-sassのアンインストール
補足情報(FW/ツールのバージョンなど)
webpackですが、Storybookなので実際はmain.jsの内容です。
下記package.jsonのバージョンです
packege.json
1 "babel-loader": "^8.2.2", 2 "css-loader": "^3.6.0", 3 "fibers": "^5.0.0", 4 "sass": "^1.34.0", 5 "sass-loader": "^11.1.1", 6 "style-loader": "^1.3.0"
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。