javascript - 单独执行webpack和使用gulp-webpack打包的文件结果不一样。
PHP中文网
PHP中文网 2017-04-11 11:48:04
[JavaScript讨论组]

遇到的问题:
我用gulp-webpack工具来执行webpack任务。发现打包后的文件中的 “import $ from 'jquery'”都还保留着(css文件已经被编译进去了),文件也很小,只有几百行,然而我单独在终端执行“webpack”,文件是可以被正确编译的,有上万行。
请问大家,这是怎么回事?怎么解决?谢谢~

下面是我的相关代码:

webpack.config.js

var webpack = require('webpack')
var glob = require('glob');

function getEntry() {
    var entry = {};
    glob.sync(__dirname + "/app/js/*.main.js").forEach(function (file) {
        var name = file.match(/([^/]+?)\.main\.js/)[1];
        entry[name] = __dirname + "/app/js/" + name + ".main.js";
    });
    return entry;
}

module.exports = {
  entry: getEntry(),
  output: {
    path: __dirname + "/build/js",
    filename: '[name].js'
  },
  module: {
    loaders: [
      {test: /\.css$/, loader: 'style-loader!css-loader'}
    ]
  }
}

gulpfile.js

var gulp = require('gulp');
var plugins = require('gulp-load-plugins')();
var webpack = require('gulp-webpack');
var webpackConf = require('./webpack.config.js');

gulp.task('webpack', function () {
    return gulp.src(globs.js)
        .pipe(webpack(webpackConf))
        .pipe(gulp.dest("build/js"));
});
PHP中文网
PHP中文网

认证高级PHP讲师

全部回复(1)
ringa_lee

ES6语法没有处理。给 webpack 增加 babel-loader。

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号