如何用npm start重新编译bundle.js?

时间:2018-04-01 06:54:28

标签: npm webpack

我试图理解NPM如何开始工作,我有以下package.json,当我实际在脚本中进行更新时,它不会自动重新编译bundle.js,所以我的更改没有反映出来。我只是做" mpm start"从控制台。

Package.json,它的一部分

const path = require('path')

module.exports = {
  entry: './public/js/src/main.js',
  output: {
    path: path.join(__dirname, '/public/js/dist/'),
    filename: 'bundle.js'
  },
  mode: 'development',
  performance: {
    hints: false,
  },
  module: {
    rules: [
      {
        test: /\.vue$/,
        loader: 'vue-loader'
      },
      {
        test: /\.js$/,
        loader: 'babel-loader',
        exclude: /node_modules/,
        query: {
          'presets': ['env', 'stage-0']
        }
      }
    ]
  }
}

webpackage.config.js

char client_ids[100][100];

int find_client_by_id(char* name)
{
    for (int i = 0; i < n; i++)
    {
        if (strcmp(&client_ids[i], name) == 0)
        {
            return i;
        }
    }
    return -1;
}

2 个答案:

答案 0 :(得分:0)

开发时使用

-> npm run dev

您可以看到开发模式中发生的变化。

更新脚本后如果要将其用于生产

-> npm run build

现在在上面的构建步骤之后使用

->npm start

它会在最近的版本中给出结果。

答案 1 :(得分:0)

package.json文件的重要部分是那些脚本

  "scripts": {
      "start": "nodemon app.js",
      "dev": "webpack -d --watch",
      "build": "webpack -p --watch"
  }

那些使您想要抽象的命令的快捷方式。实际上,当你运行

 npm run dev

实际上它运行

 webpack -d --watch

如果您希望自己的网站观看您的更改,那么这就是您想要的