複数のscssファイルを1つのcss filleに抽出できません

Question

複数の.scssファイルを1つの.cssファイルに抽出する方法がわかりません。 my/distフォルダを作成した後は、.jsファイルのみを保持します。私は多くのガイドに従っていましたが、それ以外のガイドは動作しません。

• のWebPACK：2.4.1
• SASS-ローダー：6.0.3
• エキス-テキストここで私は、最新のモジュールを持っている

  module.exports = { 
      entry: { 
       index: ["./src/app/index.ts"], 
       background: ["./src/background/background.ts"] 
      }, 
      watch: true, 
      watchOptions: { 
       aggregateTimeout: 300, 
       ignored: /node_modules/ 
      }, 
      output: { 
       filename: "[name].js", 
       path: path.resolve(__dirname, "dist") 
      }, 
      module: { 
       rules: [ 
        { 
         test: /\.ts?$/, 
         loader: "awesome-typescript-loader", 
         exclude: [/\/node_modules\//] 
        }, { 
         test: /\.html$/, 
         loader: "html-loader" 
        }, { 
         test: /\.scss$/, 
         use: ExtractTextPlugin.extract({ 
          fallback: 'style-loader', 
          //resolve-url-loader may be chained before sass-loader if necessary 
          use: ['css-loader', 'sass-loader'] 
         }) 
        } 
       ] 
      }, 
      plugins: [ 
       new CopyWebpackPlugin([ 
        { 
         from: "manifest.json", 
         to: "./" 
        }, { 
         from: "./node_modules/jquery/dist/jquery.js", 
         to: "./" 
        } 
       ]), 
       new ExtractTextPlugin('style.css'), 
       new CleanWebpackPlugin("dist"), 
      ], 
      resolve: { 
       extensions: [".ts", ".js"] 
      } 
  }; 
  

  @editは私webpack.config.jsです-webpack-plugin：2.1.0

Answer 1

このようにしますか？

2）ファイルを作成します：
1）あなたが必要とするすべてのSCSSの輸入が含まれているstyles.scssを作成し、すべての-styles.js：

import style1 from "./styles/styles.scss";

3）すべての追加あなたのエントリポイントの上など-styles.js：

entry: { 
 
    index: ["./src/app/index.ts"], 
 
    background: ["./src/background/background.ts"], 
 
    styles: ["./src/all-styles.js"] 
 
},