###発生している問題・エラーメッセージ
$ webpack
でコンパイルできますが,$ gulp webpack
で下記のようなエラーが出ます
ERROR in Entry module not found: Error: Cannot resolve 'file' or 'directory'
正直なところwebpackのみを用いてコンパイルを行えばいいとおもいますが、どうしてもgulp-webpackが使ってみたいです。
###ソースコード
webpack.config.js
js
1module.exports = { 2 entry: __dirname + '/src/js/main.js', 3 output: { 4 path: __dirname + '/dist/', 5 filename: 'bundle.js' 6 }, 7 module: { 8 loaders: [ 9 { 10 test: /\.vue$/, 11 loader: 'vue-loader' 12 }, 13 { 14 test: /\.js$/, 15 loader: 'babel-loader', 16 exclude: /node_modules/, 17 query: 18 { 19 presets: ['es2015','stage-0'] 20 } 21 } 22 ] 23 }, 24 resolve: { 25 extensions: ['.js', '.vue', '.json'] 26 } 27};
gulpfile.js
const gulp = require('gulp'); const sass = require('gulp-sass'); const csso = require('gulp-csso'); const autoprefixer = require('gulp-autoprefixer'); const imagemin = require('gulp-imagemin'); const frontNote = require('gulp-frontnote'); const webpack = require('gulp-webpack'); const webpackConfig = require('./webpack.config.js'); gulp.task('watch', function(){ gulp.watch('./src/scss/**/*.scss', ['style']); gulp.watch('./src/**/*.js', ['webpack']); }); gulp.task('webpack', function () { gulp.src(['./src/js/*.js']) .pipe(webpack(webpackConfig)) .pipe(gulp.dest('./dist')); }); gulp.task('style', function(){ gulp.src('./src/scss/**/*.scss') .pipe(sass()) .pipe(autoprefixer({ browsers: ['last 2 version', 'iOS >= 8.1', 'Android >= 4.4'], cascade: false })) .pipe(csso()) .pipe(gulp.dest('../dist/css')) }); gulp.task('img', function(){ gulp.src('./src/images/*.jpg') .pipe(imagemin()) .pipe(gulp.dest('../dist/images')); gulp.src('./src/images/*.png') .pipe(imagemin()) .pipe(gulp.dest('../dist/images')); }) gulp.task('guide',function(){ gulp.src('./src/scss/**/*.scss') .pipe(frontNote({ out: '../guide' })) }) gulp.task('default', ['webpack','watch','img']);
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/03/29 04:25