请问老师，为什么我的webpack配置项中关于js文件的配置，必须要加query

Question

在视频中的webpack.config.js文件中，module.loaders中关于配置js和jsx文件的配置项是这样的test:/\.(js|jsx)$/, exclude: /node_modules/, loader: 'babel'

但是如果我这样配置，运行webpack或者npm start的时候都会报错Module build failed: SyntaxError: Unexpected token，应该就是babel的编译出错了。

但是我如果这样配置test:/\.(js|jsx)$/, exclude: /node_modules/, loader: 'babel',query: {presets: ['react', 'es2015']}

就可以编译了。请问是为什么呢。（webpack版本1.13.3）

还有一个问题就是，在webpack.production.config.js中，视频中的的output.filename写的是"/js/[name].[chunkhash:8].js"，然后npm run build 以后出来的界面是空白的，必须在前面加上"." 这样选择当前目录才能显示出来。

Answer 1

双越 2017-05-06 23:18:01

你是运行下载的源码就这样，还是自己写的代码有这俩问题？

• 提问者 小猫掘行 #1

  第一个是自己写的会有这个问题，源码没有，但是把源码中的webpack.config.js复制过来也同样报错。
  第二个问题是都会有的问题。

• 提问者 小猫掘行 #2

  知道原因了。用sublime打开老师的源码文件夹，下面有.babelrc这个配置文件，里面也有关于query的配置，只是在苹果系统下.开头的文件默认是隐藏的，所以我之前没注意到，就以为老师没有配置也能运行。

• 提问者 小猫掘行 #3

  但是第二个问题还是没解决，为什么老师的可以那样写，我的就不行。

Answer 2

qq___想象之中_0 2017-11-15 16:32:21

babel 配置问题 意思貌似是将babel语法转换成js的那个版本  官网或者网上有很多介绍 

Answer 3

真的不潇洒 2017-05-07 10:17:40

- 上面那个问题，需要看一下babel官网吧。

- 下面那个问题，你不写点的话，就会找的跟目录。

• 提问者 小猫掘行 #1

  感谢回答。