如何从Webpack运行节点main.js

Question

我搞砸了打字稿+ Webpack。 我使用webpack在每次保存时重新编译打字稿“ test.ts”代码。 脚本被编译成dist / scripts / main.js

当运行node ./dist/scripts/main.js ，我可以看到脚本的控制台输出。

每次webpack重新编译脚本时是否可以运行此命令 ？

谢谢。

这是我的webpack配置：

/* eslint-disable no-var, strict, prefer-arrow-callback */
'use strict';

var path = require('path');

module.exports = {
  cache: true,
  watch: true,
  entry: {
    main: './test.ts',
    vendor: [
      'babel-polyfill'
    ]
  },
  output: {
    path: path.resolve(__dirname, './dist/scripts'),
    filename: '[name].js',
    chunkFilename: '[chunkhash].js'
  },
  module: {
    loaders: [{
      test: /\.ts(x?)$/,
      exclude: /node_modules/,
      loader: 'babel-loader?presets[]=es2015!ts-loader'
    }, {
      test: /\.js$/,
      exclude: /node_modules/,
      loader: 'babel',
      query: {
        presets: ['es2015']
      }
    }]
  },
  plugins: [
  ],
  resolve: {
    extensions: ['.ts', '.tsx', '.js']
  }
};

Answer 1

将以下行添加到package.json中：

...
  "scripts": {
    "start": "npm run dev",
    "webpack": "webpack --progress --colors",
    "dev": "webpack-dev-server --devtool eval --progress --colors --inline"
  },
...

然后像npm start一样运行您的应用npm start