webpack小試牛刀

根據菜鳥教程上的一篇文章進行學習和練習webpack打包,想不到,還真遇到很多問題
https://www.runoob.com/w3cnote/webpack-tutorial.htmlhtml

問題1:cnpm install webpack -g之後,使用 webpack 命令來打包:webpack runoob1.js bundle.js,提示缺乏webpack-cli,安裝之後發現,
webpack-cli文件提示
E:\webpack\node_modules\webpack-cli\bin\cli.js:74
throw err;
^
Error: Cannot find module 'webpack'
(罵街第一次)
百度了一下,是webpack版本引發的,webpack3裏,webpack和webpack-cli是放在一塊兒的,webpack4把二者分開放了。
so,只能對webpack進行降級:
a,先刪除webpack:cnpm uninstall webpack -g
b,安裝制定版本的webpack: cnpm install webpack@3.3.0 -g(爲啥是3.3.0,純屬瞎編)node

你覺得到這裏就能夠打包成功了嗎?too young too simple...
繼續webpack runoob1.js bundle.js,而後回車,你猜,怎麼着,,,離成功很近,可是仍是報錯了:
PS E:\webpack> webpack runoob1.js bundle.js
Hash: 3aea6d8a27453c0be041
Version: webpack 3.3.0
Time: 19ms
ERROR in Entry module not found: Error: Can't resolve 'runoob1.js' in 'E:\webpack'
(罵街第二次)罵街回來之後,開始深思:這個報錯又是爲啥呢?
又百度了一下,有人說是webpack.config.js裏的文件webpack

那麼問題又來了,webpack.config.js文件找不到啊,我只是新建了一個文件夾而已啊。。
搜了整個c盤都沒有找到,好吧,我先放棄一下下,而後看了另一篇帖子:
http://www.codes51.com/itwd/4532647.html
解決方案有兩個,第一個又要安裝,不想安裝了,看下第二個,這個簡單。
試了下第二個,完美解決!附上截圖~web

 

相關文章
相關標籤/搜索