Webpack 不起作用，一旦它通过 npm 脚本运行

Question

一旦我运行在 cli (cmd) 中执行以下命令，一切都很好：

SET NODE_ENV=production webpack --config webpack.config.js

如果我运行通过 npm scripts 没有任何反应 - 既没有输出也没有错误消息。我试着加上--display-error-details，还是一样

请记住我在Windows。

这里是webpack.config.js:

var fs = require('fs');
var path = require('path');
var webpack = require('webpack');

// Project configuration
var entries = {
    'js/application': ['./app/main']
};

var appPath = path.resolve(__dirname, 'app');
var buildPath = path.join(__dirname, 'build');
var modulesPath = path.resolve(__dirname, 'node_modules');

// We'll bundle some more files for dev purposes, hot-loader and stuff
if (process.env.NODE_ENV != 'production') {
    entries = {
        'js/application': [
            'webpack-hot-middleware/client?https://localhost:3000',
            './app/main',
            './app/styles/main.less'
        ]
    };
}

// Webpack configuration
module.exports =
{
    devtool: 'source-map',
    entry: entries,
    output: {
        path: buildPath,
        filename: '[name].js'
    },
    resolve: {
        root: [modulesPath, appPath],
        extensions: ['', '.js', '.jsx']
    },
    plugins: [
        new webpack.HotModuleReplacementPlugin(),
        new webpack.NoErrorsPlugin(),
        // needed for UIkit
        new webpack.ProvidePlugin({ // http://webpack.github.io/docs/shimming-modules.html
            $: "jquery",
            jQuery: "jquery",
            L:"leaflet"
        })
    ],
    module: {
        noParse: [],
        loaders: [
            {
                test: /\.jsx?$/,
                loader: 'babel',
                include: appPath
            }, {
                test: /\.json/,
                loader: "json-loader"
            }, {
                test: /\.less$/,
                loader: 'style!css!less'
            }, {
                test: /\.(eot|woff|woff2|ttf|svg|png|jpg)$/,
                loader: 'url-loader?limit=30000&name=[name]-[hash].[ext]'
            }
        ]
    }
};

这里是 package.json 脚本:

 "scripts": {
    "build:webpack": "SET NODE_ENV=production webpack --config webpack.config.js"
  },

Answer 1

你试过 npm 运行 build:webpack : https://docs.npmjs.com/misc/scripts

Answer 2

您的 npm 脚本只是一个命令，您实际上运行ning 是 SET NODE_ENV={everything else}。要让您的脚本在 Windows 上运行，您需要将单行脚本更改为运行两个命令，例如SET NODE_ENV=production && webpack --config webpack.config.js.

引自documentation copied from "How to run two commands in one line in Windows CMD?"：

Using multiple commands and conditional processing symbols

& [...] command1 & command2
Use to separate multiple commands on one command line. Cmd.exe runs the first command, and then the second command.

&& [...] command1 && command2
Use to run the command following && only if the command preceding the symbol is successful. Cmd.exe runs the first command, and then runs the second command only if the first command completed successfully.

Webpack 不起作用，一旦它通过 npm 脚本运行

Webpack doesn't work, once it's ran via npm scripts

javascript

webpack

webpack-dev-server

Webpack 不起作用，一旦它通过 npm 脚本 运行

Webpack doesn't work, once it's ran via npm scripts

javascript

webpack

webpack-dev-server

Webpack 不起作用，一旦它通过 npm 脚本运行