javascript - Webpack loader order misbehaved -
i have used webpack ^2.2.1. have added loaders in webpack.config.js file.
but loader have not call in order.
i used babel-loader transform react-es6 codes react-es5 codes. custom-loader need react-es6 code. put loader first. have print source content in each loaders. every time first printing babel-loader info. after printing info.
is loader order correct?
help me! in advance!
// webpack.config.js module.exports = { entry: './src/index.js', output: { filename: 'bundle.js', path: path.resolve(__dirname, './build') } module: { loaders: [ { test: /\.js$/, use: 'my-custom-loader' }, { test: /\.js$/, use: [ { loader: 'babel-loader', options: { presets: ['babel-preset-es2015', 'babel-preset-react'] } } ] } ] } }
loaders in webpack used in order "right left" last loader in array used first. therefore babel translating , loader second in line.
see: what loader order webpack?
try switching order of loaders (and of course use module.rules instead of module.loaders, using new pattern in webpack 2)
Comments
Post a Comment