搜索

首页  >  问答  >  正文

javascript - babel-loader没有起作用?webpack

webpack2中使用babel-loader转化es6代码,但是最后的bundle.js中并没有看到预期的结果,还是存在es6的语法,let,函数参数默认值等情况。。

以下是我的webpack的配置部分:

var path = require("path");
var vuxLoader = require('vux-loader');
var webpack = require('webpack');

function resolve (dir) {
  return path.join(__dirname, '..', dir)
}

var webpackConfig = {
    entry: {
        // app: ["./app/cart.js"]
        app: ["./app/goodsDetail.js"]
        // app: ["./app/center.js"]
    },
      output: {
        path: path.resolve(__dirname, "build"),
        publicPath: "/",
        filename: "bundle.js"
     },
     module: {
        rules: [
            {
                test: /\.vue$/,
                loader: 'vue-loader',
                options: {
                      // vue-loader options
                   }
              },
              {
              test: /\.js?$/,
              // exclude: /node_modules/,
              exclude: /node_modules/,
              loader: 'babel',
              query: {
                      presets: ['env']
                }
            }
        ]
    },
      resolve: {
        extensions: ['.js', '.vue', '.json']
    },
    devServer: {
        host: '0.0.0.0'
    },
    plugins: [
        new webpack.DefinePlugin({
          'process.env': {
            NODE_ENV: '"production"'
          }
        })
      ]
};

module.exports = vuxLoader.merge(webpackConfig,{
    plugins: ['vux-ui']
});

查来查去也查不到原因。。。

我想大声告诉你我想大声告诉你2836 天前708

全部回复(2)我来回复

  • 迷茫

    迷茫2017-05-18 11:03:26

    请在项目根目录新建一个
    .babelrc

    {
        "presets": ["env"]
    }

    回复
    0
  • 迷茫

    迷茫2017-05-18 11:03:26

    雷雷

    回复
    0
  • 取消回复