相关疑难解决方法(0)

我有一个简单的webpack.config.js

module.exports = {
  entry: "./app.js",
  output: {
    filename: "bundle.js"
  },
}

我想通过值entry和output通过命令行参数.这可能吗,我该怎么做？

目前我们正在使用Webpack作为我们的模块加载器,而Gulp正在使用其他所有东西(sass - > css和dev/production构建过程)

我想把webpack的东西包装成gulp,所以我要做的就是打字gulp,启动,监视和运行webpack以及我们设置的其余部分.

所以我找到了webpack-stream并实现了它.

gulp.task('webpack', function() {
    return gulp.src('entry.js')
        .pipe(webpack({
            watch: true,
            module: {
                loaders: [
                    { test: /\.css$/, loader: 'style!css' },
                ],
            },
        }))
        .pipe(gulp.dest('dist/bundle.js'));
});

问题是它为.js文件生成一个随机字符名称,我们如何在我们的应用程序中使用它？

来自github回购:

上面将src/entry.js编译成资产,其中webpack为dist /,输出文件名为[hash] .js(webpack生成的构建哈希值).

你如何重命名这些文件？每次保存编辑时,新的gulp任务也会生成一个新文件:

我不能使用c2212af8f732662acc64.js我需要它命名为bundle.js或其他正常的东西.

我们的Webpack配置:

var webpack = require('webpack');
var PROD = JSON.parse(process.env.PROD_DEV || '0');
// http://stackoverflow.com/questions/25956937/how-to-build-minified-and-uncompressed-bundle-with-webpack

module.exports = {
    entry: "./entry.js",
    devtool: "source-map",
    output: {
        devtoolLineToLine: true,
        sourceMapFilename: "app/assets/js/bundle.js.map",
        pathinfo: true,
        path: __dirname,
        filename: PROD ? …

我尝试使用Y.js(Yjs)npm包,它可以工作,npm start但不是npm run build因为Uglify不支持ES6.所以我下载了该软件包的版本并直接包含它.但我的反应npm run build仍在抱怨Uglify.

Creating an optimized production build...
Failed to compile.

static/js/main.3d2ecf94.js from UglifyJs
SyntaxError: Unexpected token: name (YArray) [./src/Pages/Collaborative/y-array/y-array.es6:12,0]

我webpack.config.js看起来像这样:

var path = require('path');

module.exports = {
  entry: path.join(__dirname, 'public', 'quickstart.js'),
  output: {
    path: '/',
    filename: 'bundle.js'
  },
  module: {
    loaders: [
      {
        test: /.jsx?$/,
        loader: 'babel-loader',
        exclude: /node_modules/,
        query: {
          presets: ["react", "es2016", "stage-2"]
        }
      },
      { test: /\.css$/, loader: "style-loader!css-loader" }
    ]
  }
}

如何在我的webpack中禁用Uglify？哪条线确定在建造过程中必须进行Uglify？

编辑: …

这是我最近遇到的Chrome DevTools的一个新问题,不知道为什么会发生这种情况,但我似乎无法在我的应用中设置正常的断点.

截屏链接: https ://www.youtube.com/watch？v = m-ZQcmpdZkQ

我应该能够在线设置基本断点85,87或者89.但是它让我在收盘}时设置一个不可用的断点91.

有没有人遇到过这个？