Dans mon application Webpack, j'ai un processus de construction de base déclenché par "npm run build" qui exécute le fichier binaire webpack et copie mon index.html dans/app vers/dist. Chaque fois que je cours npm run build
Je reçois ReferenceError: webpack is not defined
mais quand je cours npm start
, qui lance Webpack-dev-server, tout va bien.
Ceci est mon fichier de configuration webpack:
var ExtractTextPlugin = require('extract-text-webpack-plugin');
var config = {
context: __dirname + '/app',
entry: './index.js',
output: {
path: __dirname + '/app',
filename: 'app.js'
},
module: {
loaders: [
{ test: /\.js$/, loader: 'babel', exclude: /node_modules/ },
{ test: /\.html$/, loader: 'raw', exclude: /node_modules/ },
{ test: /\.scss$/, loader: ExtractTextPlugin.extract('style', 'css!sass'), exclude: /node_modules/}
]
},
plugins: [
new ExtractTextPlugin('app.css')
]
};
if (process.env.NODE_ENV == 'production') {
config.output.path = __dirname + '/dist';
config.plugins.Push(new webpack.optimize.UglifyJsPlugin());
}
module.exports = config;
Tu es absent
var webpack = require('webpack');
au début de votre dossier. Si vous voulez optimiser l'exécution un peu, vous pouvez l'insérer dans votre bloc if
.