webpack安装配置打包问题

    关于安装配置webpack,我遇到的问题是:

    已经全局、局部安装了webpack,在命令行中输入webpack -v也会显示版本号,并且也按照网上的一些教程配置了环境变量,但是在打包文件的时候还是会报Cannot find module 'webpack'这个错误,下面是我解决这个问题的做法

一、前提条件

    1、确保自己安装的是Node.js最新版本,如果已经安装过的话可以打开nodejs的官网: http://nodejs.cn/,看这个位置

    

然后点击,重新下载

2、win+R,搜索cmd,打开之后输入:node -v,查看当前自己电脑上的版本,如果不是最新版,再输入where node,找到自己当初安装nodejs时的路径,记住这个路径

3、安装刚下载的最新版nodejs,路径就填第2步查到的路径,进行覆盖安装

4、安装完成之后输入node -v查看版本,如果显示是最新版本,则覆盖成功

二、本地安装webpack(不建议全局安装)

1、在D盘直接建立一个空文件夹用来放测试项目(建在其它盘也可以,但是不建议在C盘)

如:

然后再在这个文件夹里面建一个

2、打开cmd,进入路径D:\webpack\webpack-demo,然后输入:

    npm init -y

    npm install webpack webpack-cli --save-dev

3、在webpack-demo里创建以下内容:

4、修改package.json文件

5、在本地(webpack-demo文件夹内)安装library

    npm install --save lodash

6、在脚本中import lodash

7、修改index.html文件

8、在webpack-demo文件路径执行:

    npx webpack

将会出现一大堆东西:

9、在浏览器中打开index.html,如果安装配置成功访问正常,就能看到文本:Hello webpack

本文是参考https://webpack.docschina.org/guides/getting-started/总结出来的,想要更加具体了解的话可以去看看

还有一种原因就是之前安装的webpack版本过高,在这里建议安装3.0.0版本的,如果之前有在项目文件内或全局安装过 webpack 的要先 uninstall 卸载,再打开新的cmd,重新打包

猜你喜欢

转载自blog.csdn.net/UNDEFINED_AUBE/article/details/81808784