香草插件样板和网络包

我使用这个
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

香草插件样板和网络包

回答

相关问题