javascript - gulp执行webpack任务时, 文件生成, loader没被执行.
仅有的幸福
仅有的幸福 2017-05-19 10:36:28
0
1
646

gulpfile.js 配置文件

var gulp = require('gulp');
var webpack = require('webpack-stream');
var named = require('vinyl-named');

gulp.task('default', function () {
    return gulp.src('./resource/js/app.js')
        .pipe(webpack( require('./webpack.config.js') ))
        .pipe(gulp.dest('./public/js/'));
});

webpack.config.js 配置文件

module.exports = {
    entry : './resource/js/app.js',
    output : {
        filename : 'bundle.js'
    },
    module : {
        rules : [
            {
                test : /\.js$/, use : {
                loader : 'babel-loader',
                options : {
                    presets : ['es2015']
                }
            }}
        ]
    }
};

app.js 文件

import './a.js';

function helloworld()
{
    console.log(1);
}

仅webpack时, js文件是可以生成且能被babel-loader执行, 但执行gulp时, babel-loader便没执行了.
初学webpack与gulp ~ 感谢各位指教~~

仅有的幸福
仅有的幸福

全部回复(1)
巴扎黑

因为webpack-stream里面的webpack还是1.9.0,你用的webpackconfig已经是2.0的语法,类似rules那些。

不执行是有道理的,想用gulp+webpack的话,可以参考webpack-stream

If you would like to use a different version of webpack than the one this plugin uses, pass in an optional 2nd argument:

var gulp = require('gulp');
var webpack2 = require('webpack2');
var gulpWebpack = require('webpack-stream');
gulp.task('default', function() {
  return gulp.src('src/entry.js')
    .pipe(gulpWebpack({}, webpack))
    .pipe(gulp.dest('dist/'));
});

顺便给一个别人问过的问题的答案吧。
http://stackoverflow.com/ques...

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!