                        課程
                    
                        /前端開(kāi)發(fā)
                        
                            /前端工具
                        
                        /webpack深入與實(shí)戰(zhàn)

webpack 4 執(zhí)行 webpack hello.js hello.bundle.js 報(bào)錯(cuò)

webpack 4 執(zhí)行 webpack hello.js hello.bundle.js

報(bào)錯(cuò)：

ERROR in multi ./hello.js hello.bundle.js

Module not found: Error: Can't resolve in 'hello.bundle.js' in 'F:\git\webpack-demo'

@ multi ./hello.js hello.bundle.js

webpack 4如何在命令行中執(zhí)行 hello.js 打包到hello.bundle.js?

wengyaqiang

2018-03-20

源自：webpack深入與實(shí)戰(zhàn) 1-2

關(guān)注問(wèn)題我要回答

6480

操作

收起

6 回答

慕移動(dòng)8870818 回答被采納 +2 積分
2018-03-20

webpack 4 之后這個(gè)命令已經(jīng)不行，需要命令行指明output-filename 和 output-path

npx webpack hello.js --output-filename hello.bundle.js --output-path . --mode development?

9 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

#1

wengyaqiang 提問(wèn)者

非常感謝！

2018-03-20 回復(fù) 有任何疑惑可以回復(fù)我~

#2

晗儒

非常感謝！

2018-05-11 回復(fù) 有任何疑惑可以回復(fù)我~

#3

嘟嘟胖

非常感謝！

2018-09-20 回復(fù) 有任何疑惑可以回復(fù)我~

加_油
2019-08-13

非常感謝

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

iwallcn
2019-03-13

視頻講的是webpack3.0的版本，可能你本地的是webpack4.0的版本，webpack hello.js hello.bundle.js 這個(gè)執(zhí)行語(yǔ)句在4.0中已經(jīng)不能用了，所以你要使用npx webpack hello.js --output-filename hello.bundle.js --output-path . --mode development?

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

qq_包子酸菜_03889029
2018-12-18

好了，就是不知道如何重新打包的命令是什么。。。。再次打包就報(bào)錯(cuò)了。不過(guò)只看到第一節(jié)，后面應(yīng)該會(huì)講到。

1 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

qq_陳詞_0
2018-03-20

我嘗試了很多，都報(bào)錯(cuò)，不過(guò)可以安裝版本就可以了

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

慕碼人5092043
2018-03-20

很可能路徑錯(cuò)了

pageage.json

{
??"name":?"webpack4",
??"version":?"1.0.0",
??"description":?"",
??"main":?"index.js",
??"scripts":?{
????"test":?"echo?\"Error:?no?test?specified\"?&&?exit?1",
????"build":?"webpack?--mode?production",
????"dev":?"webpack?--mode?development"
??},
??"author":?"",
??"license":?"ISC",
??"dependencies":?{
????"webpack":?"^4.1.1"
??},
??"devDependencies":?{
????"webpack-cli":?"^2.0.12"
??}
}

webpack.config.js

const?path?=?require('path');
module.exports?=?{
	entry:?'./src/javascript/index.js',
	output:?{
		filename:?'bundle.js',
		path:?path.resolve(__dirname,'dist')
	}
}

文件目錄