Javascript 网页包加载程序顺序错误
我使用了网页^2.2.1。我在我的webpack.config.js文件中添加了一些加载程序 但我的装载机还没有发出订单 我使用babel loader将react-es6代码转换为react-es5代码。我的自定义加载程序需要react-es6代码。所以我把我的装载机放在第一位。我在每个加载器中打印源内容。但每次第一次打印巴别塔加载器信息。在打印我的信息之后 我的装载机订单正确吗 救救我!提前谢谢Javascript 网页包加载程序顺序错误,javascript,node.js,reactjs,webpack,babeljs,Javascript,Node.js,Reactjs,Webpack,Babeljs,我使用了网页^2.2.1。我在我的webpack.config.js文件中添加了一些加载程序 但我的装载机还没有发出订单 我使用babel loader将react-es6代码转换为react-es5代码。我的自定义加载程序需要react-es6代码。所以我把我的装载机放在第一位。我在每个加载器中打印源内容。但每次第一次打印巴别塔加载器信息。在打印我的信息之后 我的装载机订单正确吗 救救我!提前谢谢 // webpack.config.js module.exports = {
// 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']
}
}
]
}
]
}
}
Webpack中的加载程序按“从右到左”的顺序使用,因此首先使用数组中的最后一个加载程序。因此,巴贝尔正在翻译所有内容,而你的加载器是第二位的 见:
尝试切换加载程序的顺序(当然,使用module.rules而不是module.loaders,这样您就可以使用Webpack 2中的新模式)尝试对多个加载程序声明一个规则。现在,有两条规则匹配同一模式。另外,
module.loaders
在Webpack 2中已替换为。加载程序按“从右到左”的顺序使用,因此首先使用阵列中的最后一个加载程序。请看:谢谢@Flooke。现在我明白了。我其实不知道。。。老实说,我猜他们是从左到右。。。请尝试一下:)对不起,我从来没有使用过插件,只是忽略了不应该由Webpack打包的node_模块。好的,我会检查结果并将结果放在评论中。:-)