关于webpack4安装以及基本配置 

关于webpack4安装以及基本配置

1.安装

    我按照自己的思路来讲解吧!首先可以创建空项目目录,安装全局以及本地webpack!

    命令:  npm install --global webpack

    由于基于node.js安装,所以事先要安装好node.js。

2. 安装好node以及webpack之后,进入项目目录执行命令

    命令: npm init (安装文件中的packjson.json项目配置文件)

    然后在执行命令

    命令: npm insatll --save-dev webpack(安装依赖包node_modules)

3. 搭建自己的项目目录,不必按照官网的例子来,实在是看不懂,创建一个普通的html以及js就可以,在自定义一个webpack.config.js的打包文件,具体配置官网可以看到,大部分教程差不多,包括 entry啊 output什么的。

4.打包

   官网提供的打包命令是

   命令: npx webpack --config webpack.config.js

   不过你可以在packjson.json文件里的“script”里面加上“build”:“webpack”,然后执行命令

   命令: npm run build 也可以打包


以上就是我关于webpack基本安装打包的理解,由于这是一天的研究,还需要继续研究

评论

  1. #{{index + 1}}

    {{item.nickname}} {{item.time}}
    {{item.words}}