teratail header banner
teratail header banner
質問するログイン新規登録

回答編集履歴

1

webpackのscssを追記

2021/06/22 02:55

投稿

tomomo
tomomo

スコア430

answer CHANGED
@@ -14,4 +14,36 @@
14
14
  "typescript": "^4.3.2",
15
15
  ```
16
16
 
17
- もっとも自分のと環境や状況が違うので、正しくないかもしれないですが、役に立てば幸いです。
17
+ もっとも自分のと環境や状況が違うので、正しくないかもしれないですが、役に立てば幸いです。
18
+
19
+ 以下追記。
20
+
21
+ webpackのscssの部分、当然ながらこれも自分と環境が違うのでそのままは適用できないと思いますが、参考までに載せときます。
22
+ ```
23
+ {
24
+ test: /.(scss)$/,
25
+ use: [
26
+ {
27
+ loader: MiniCssExtractPlugin.loader,
28
+ }, {
29
+ loader: 'css-loader',
30
+ options: {
31
+ url: false
32
+ }
33
+ }, {
34
+ loader: 'postcss-loader',
35
+ options: {
36
+ postcssOptions: {
37
+ plugins: [
38
+ [
39
+ require('autoprefixer')
40
+ ]
41
+ ]
42
+ }
43
+ }
44
+ }, {
45
+ loader: 'sass-loader'
46
+ }
47
+ ]
48
+ },
49
+ ```