Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/377.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 网页包加载程序顺序错误_Javascript_Node.js_Reactjs_Webpack_Babeljs - Fatal编程技术网

Javascript 网页包加载程序顺序错误

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 = {

我使用了网页^2.2.1。我在我的webpack.config.js文件中添加了一些加载程序

但我的装载机还没有发出订单

我使用babel loader将react-es6代码转换为react-es5代码。我的自定义加载程序需要react-es6代码。所以我把我的装载机放在第一位。我在每个加载器中打印源内容。但每次第一次打印巴别塔加载器信息。在打印我的信息之后

我的装载机订单正确吗

救救我!提前谢谢

   // 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_模块。好的,我会检查结果并将结果放在评论中。:-)