初始化了吗？

const path = require('path');

module.exports = {
    entry: './src/script/main.js',
    output: {
        path: path.resolve(__dirname, './dist/js'),
        filename: "bundle.js"
    },
    resolve:{
        alias:{
            '@':path.resolve(__dirname,'.')
        }
    },
}

这样写就好了

出口文件名已经指定，打包打了两个，但是后一个覆盖了前一个，大概就是这么个意思。我也是刚看完视频?

个人感觉还是动手敲一遍记得牢固一点，而且版本不同，还会遇到不一样的问题，可以锻炼自己的解决问题能力。

6666

写成webpack hello.js -o hello.bundle.js就可以了，webpack4.x新语法

4.0+版本，执行webpack命令之前先执行npm install --save-dev webpack-cli 试试

const path = require('path')

module.exports = {

 entry: './src/script/main.js',

 output: {

   path: path.resolve('dist/js'),

   filename: 'bundle.js'

 }

}

是的，必须是绝对路径，不支持相对路径

是这么解决的吗

安装一下webpack-cli，新版本webpack需要用webpack-cli

需要安装css-loader，然后require("css-loader!./src/css/css.css")

plugins:[
    new HtmlWebpackPlugin({
       chunks:['index'], //添加引入的js,也就是entry中的key
       hash:true, //向html引入的src链接后面增加一段hash值,消除缓存
        title:'I love China',
       template:'./dist/index.html'
    })
]

要定义这个plugin节点吧

什么意思啊

filename不用加js，你的path已经设置好路径了。

你 webpack 那一行后面的字符串 不要换行试试看

version:'',错误，少加了一个‘

我猜测，你是没有配置 mode 属性，webpack4, 也就是当前最新版本，mode 属性不配置的话，默认是 production, 这种模式下会使用 UglifyJsPlugin。

你这样问问题，不好找原因啊，你最好把配置文件发一下，package.json, webpack.config.js 文件，运行时的指令，这样才好找原因。

需要写绝对路径

path: "./dist/js"
改为：
path: __dirname +"/dist/js"

如果使用 webpack v4+ 版本，还需要安装CLI。

npm install --save-dev webpack-cli

absolute  path

outpath:{

    path:require("path").resolve(__dirname,"dist/js")

}

文件名是  webpack.config.js  看看是不是写错了，还有这个文件要放在package.json 文件夹

配置的config有问题吧，注意modules 和 reasons 里面的s不要丢掉

你需要安装相关的命令行工具
或者使用这样的命令建立一个软连接

webpack 1 

你这个package.json文件有问题,解析出错了

老师的演示中的一个问题是，使用的webpack1.0。 现在一般安装的是2.0以上。 webpack.config.js的配置语法发生了变化。

将output下的path改成

path: __dirname + 'dist/js'

然后再尝试下。