如何從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