{
  "name": "webpack-demo1",
  "version": "1.0.0",
  "main": "main.js",
  "scripts": {
    "watch": "webpack --watch",
    "start": "webpack-dev-server",
    "dev": "webpack",
    "build": "webpack --mode production"
  },
  "license": "MIT",
  "devDependencies": {
    "clean-webpack-plugin": "^0.1.19",
    "cross-env": "^5.1.4",
    "css-loader": "^0.28.10",
    "html-webpack-plugin": "^3.0.6",
    "style-loader": "^0.20.3",
    "watch": "^1.0.2",
    "webpack": "^4.1.1",
    "webpack-dev-server": "^3.1.1"
  }
}

這是package.json文件

var path = require("path");
var CleanWebpackPlugin = require('clean-webpack-plugin');
var HtmlWebpackPlugin = require('html-webpack-plugin');
var webpack = require('webpack'); // 引入 webpack 便于調(diào)用其內(nèi)置插件

console.log(CleanWebpackPlugin);

module.exports = {
    devtool: 'inline-source-map',
    devServer: {
        contentBase: path.resolve(__dirname, 'dist'),
        hot: true, // 告訴 dev-server 我們在用 HMR
        hotOnly: true, // 指定如果熱加載失敗了禁止刷新頁面 (這是 webpack 的默認行為)，這樣便于我們知道失敗是因為何種錯誤
        inline:true,
        
    },
    entry: {
            main:'./src/js/main.js',
          index:'./src/js/index.js'
    },
      module:{
          rules:[
              {
                  test:/\.css$/,
                  use:['style-loader','css-loader']
              }
          ]
      },
      plugins: [
        new CleanWebpackPlugin(['dist']),
        // new HtmlWebpackPlugin({
        //     title: 'Development'
        // }),
        new webpack.NamedModulesPlugin(),
        new webpack.HotModuleReplacementPlugin()
    ],
    output: {
        path: path.resolve(__dirname,'./dist'),
        filename: '[name].js',
        chunkFilename:'[name].js',
    },
};

這是webpack.config.js文件

為啥我直接運行webpack 沒問題 運行npm run dev watch 等命令就報錯

    npm ERR! node v6.9.3
    npm ERR! npm  v3.10.10
    npm ERR! code ELIFECYCLE
    npm ERR! webpack-demo1@1.0.0 dev: `webpack`
    npm ERR! Exit status 1
    npm ERR!
    npm ERR! Failed at the webpack-demo1@1.0.0 dev script 'webpack'.
    npm ERR! Make sure you have the latest version of node.js and npm installed.
    npm ERR! If you do, this is most likely a problem with the webpack-demo1 package,
    npm ERR! not with npm itself.
    npm ERR! Tell the author that this fails on your system:
    npm ERR!     webpack
    npm ERR! You can get information on how to open an issue for this project with:
    npm ERR!     npm bugs webpack-demo1
    npm ERR! Or if that isn't available, you can get their info via:
    npm ERR!     npm owner ls webpack-demo1
    npm ERR! There is likely additional logging output above.
    
    npm ERR! Please include the following file with any support request:
    npm ERR!     D:\WorkSpace\webpack-app\webpack-demos\demo01\npm-debug.log