バニラプラグイン定型文とウェブパック

Question

私はこれを使用しています
https://github.com/janrembold/vanilla-plugin-boilerplate 私のプラグインのスターターとして。

まず最初に、私のプラグインはうまくいきました。今はプロジェクトにバベルを追加したいので、バンドバンドに参加することに決めました。webpackをモジュールバンドラーに使用しました。

ここでエラー
https://jsfiddle.net/adhityoagam/1fk6p755/2/

エラーが

そして、ここで述べているがあり
https://jsfiddle.net/adhityoagam/1fk6p755/

バニラ・プラグイン・定型作業と、これはそれのWebPACKのバージョンであるためフィドルが、です私のwebpack.config.jsです

var path = require('path'); 
const ExtractTextPlugin = require('extract-text-webpack-plugin'); 

module.exports = { 
    entry: { 
    'mediamanager': './vendor.js', 
    }, 
    output: { 
     path: path.resolve(__dirname, 'dist'), 
     filename: '[name].js' 
    }, 
    module: { 
    rules: [ 
     { 
      test: /\.scss$/, 
      use: ExtractTextPlugin.extract({ 
      fallback: 'style-loader', 
      //resolve-url-loader may be chained before sass-loader if necessary 
      use: ['css-loader', 'sass-loader'] 
      }) 
     }, 
     { test: /\.js$/, exclude: /node_modules/, loader: "babel-loader" } 
    ] 
    }, 
    plugins: [ 
    new ExtractTextPlugin("[name].css"), 
    ] 
}; 

私の間違いを突き止めてください、なぜうまくいかないのでしょうか、ありがとうございます。

Answer 1

このプラグインの定型文は、webpackを考慮して作成されていません。また、新しく作成されたWebpackプロジェクトには最適な選択肢ではありません。

あなたのプロジェクトの目標に応じて、すてきなWebpackのキックスタートプロジェクトを探して、すばらしいウェブパックの設定といくつかのスクリプトのデモをES6で、さらにはTypeScriptでより良いものにする必要があります。

敬具、 月