小编Loc*_*cke的帖子

我的第一个问题是关于如何为简单项目推荐这个开关,只是为了预处理/ Concat/Minify？

理解这个未来的"标准",比如Webpack和PostCss-NextCss-Autoprefixer等,就像是在迷恋我....

所以这导致了我的下一个问题,是否有任何教程可以指导我在第一个问题中讲述的简单任务？

或者是一个简单的方法来改变我gulpfile.js的webpack-config.js

我在gulp中的正常任务不是最佳实践,但运作良好:

//load plugins
var gulp    = require('gulp'),
runSequence = require('run-sequence'),
sass        = require('gulp-ruby-sass'),
compass     = require('gulp-compass'),
rev         = require('gulp-rev'),
revDel      = require('rev-del'),
del         = require('del'),
minifycss   = require('gulp-minify-css'),
uglify      = require('gulp-uglify'),
rename      = require('gulp-rename'),
concat      = require('gulp-concat'),
notify      = require('gulp-notify'),
plumber     = require('gulp-plumber'),
watch       = require('gulp-watch'),
path        = require('path');


  //the title and icon that will be used for the Grunt notifications
  var notifyInfo = {
    title: 'Gulp',
    icon: path.join(__dirname, 'gulp.png')
  };

  //error …

9 个月前，我在 Webpack One 上苦苦挣扎：

[从 Gulp 切换到 Webpack ]

更新 30.04.20

我必须更新这一点，因为现在一切都不同了，正如你所知，在 Web 编程世界中，一切都发展得非常快，包括 Parcel、Rollup。和 webpack 现在您可以尝试许多不同的模块捆绑器。

现在我将向任何 JS Webpack 推荐这个入门包。我非常感谢Brian Staruk的帮助和不断更新，这对我们所有的项目以及我工作的公司的项目都有帮助。

https://github.com/bstaruk/starbase

=========================================

更新 24.07.17 || v1

我们终于成功了，这是一个简单的语法问题：

//-- webpack.config.js

'use strict';

const webpack = require('webpack');
const path = require('path');
const ExtractTextPlugin = require("extract-text-webpack-plugin");
const extractStyles = new ExtractTextPlugin('styles.bundle.css');
const BrowserSyncPlugin = require('browser-sync-webpack-plugin');


let start = {

    context: path.resolve(__dirname, 'src'),
    entry: {
        scripts: './_scripts.js',
    },
    module: {
        rules: [
            {
                test: /\.css$/,
                use: …