小编Tho*_*erg的帖子

我正在使用Gulp和Babel将ES2015代码转换为ES5.我们使用模板文字和标记函数来删除任何前导空格.

看起来,在进行转换时,模板文字将被添加到具有相同变量名称的全局范围.这导致JavaScript模板在某些视图中被覆盖.

Gulp任务

// Transpile ES2015 JS to ES5 JS
gulp.task('babel', function () {
    return gulp.src('precompiled/Views/**/*.js') // Gets all files ending with .js in precompiled/Views and children dirs
        .pipe(babel({
            presets: ['es2015']
        }))
        .pipe(header('/* THIS IS A GENERATED FILE. MAKE CHANGES TO THE SOURCE FILE. CHANGES HERE ARE OVERWRITTEN. */\n\n'))
        .pipe(gulp.dest('./Views')) // Outputs it in the Views folder
        .pipe(browserSync.reload({ // Reloading with Browser Sync
            stream: true
        }));
});

例

const singleLineString = function (strings) {
    const values = Array.prototype.slice.call(arguments, 1);

    // …

我是 webpack 的新手。对于我的项目，我有一个 config.js 文件。这个文件基本上就像你在 .net 中的 web.config。只是一个简单的配置文件，用于设置一些特定于环境的设置。我希望能够在部署时为每个环境添加一个新的配置文件。我遇到的问题是我并不总是知道配置设置是什么，比如说两周后，所以在实际的 webpack 配置中设置配置设置不是一个选项。

我将 config.js 添加到 webpack 配置，它会添加一个哈希和映射到配置文件。这使得很难轻松放入单独的配置文件。我们希望能够捆绑项目并将工件部署到不同的环境中，而无需重新编译和捆绑

有没有办法只包含一个配置文件而无需散列、捆绑和映射？任何帮助深表感谢！

这是我当前的配置文件：

var webpack = require('webpack');
var HtmlWebpackPlugin = require('html-webpack-plugin');
var ExtractTextPlugin = require('extract-text-webpack-plugin');
var helpers = require('./helpers');

module.exports = {
  entry: {
    'polyfills': './src/polyfills.ts',
    'vendor': './src/vendor.ts',
    'app': './src/main.ts',
    'config': './config/config.js'
  },

  resolve: {
    extensions: ['', '.js', '.ts']
  },

  module: {
    loaders: [
      {
        test: /\.ts$/,
        loaders: ['awesome-typescript-loader', 'angular2-template-loader']
      },
      {
        test: /\.html$/,
        loader: 'html'
      },
      {
        test: /\.(png|jpe?g|gif|svg|woff|woff2|ttf|eot|ico)$/,
        loader: 'file?name=assets/[name].[hash].[ext]'
      },
      {
        test: /\.css$/, …