香草插件樣板和網絡包

我使用這個
https://github.com/janrembold/vanilla-plugin-boilerplate 作爲我的插件的入門者。

首先，我的插件工作正常，現在我想添加babel到項目中，所以我決定加入一個潮流，使用webpack作爲模塊打包器。

下面是工作香草插件，樣板
https://jsfiddle.net/adhityoagam/1fk6p755/

小提琴，這是它的的WebPack版本，其中有一個錯誤
https://jsfiddle.net/adhityoagam/1fk6p755/2/

錯誤說香草插件樣板和網絡包

這裏是我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"), 
    ] 
};

請指出我的錯誤，或爲什麼它不起作用，謝謝。

來源

2017-04-18 Adhityoagam

聯繫倉庫作者和報告問題。 – zerkms

@zerkms哦，所以，基本上，我的設置沒有錯？香草插件只是不適合webpack？ – Adhityoagam

「哦，所以，基本上，我的設置沒有錯？」 ---誰知道......還有一個小小項目的用戶有可能在這裏被放棄了將近2年，但我不會對此下賭注。 – zerkms

這個插件樣板是沒有考慮的WebPack創建。這絕對不是新創建的webpack項目的最佳選擇。

取決於你應該尋找一個很好的WebPack Kickstarter的項目，顯示了一些不錯的WebPack配置和ES6一些腳本演示或打字稿甚至更好項目的目標。

最好的問候，揚

來源

2017-04-18 06:05:01 Jan

香草插件樣板和網絡包

回答

相關問題