webpack4使用之路 - Githubissues

开始记录webpack4的填坑之路 首先搭建一个普通的项目

桌面新建一个文件夹，暂时命名app，进入文件夹执行 npm init 一路回车
接着安装webpack 执行npm install --save-dev webpack npm install --save-dev webpack-cli webpack4现在分webpack和webpack-cli两个前者是nodejs的api中使用后者是在命令行下使用（暂时这么理解）

qq 20180403000220

[index.html]

<html>
<head>
<title></title>
<meta charset="utf-8">
</head>
<body>
<script src="main.js"></script>
</body>
</html>

[ index.js] console.log(666666) 目录如下
1. 然后开始在命令行输入 webpack 打包命令，发现报错如下说明: webpack4后webpack.conf.js不再是必须的，但是默认的入口在根目录下的src/index.js 打包输出路径默认为根目录下的dist文件夹下，webpack4默认有两种模式一种是mode: development 另一种是mode: production，每种模式都有适合的默认配置，此处我们可以暂时在命令行里使用development模式，先修改文件目录如下 |--- index.html src---| index.js html文件修改js引用为 <script src="./dist/main.js"></script> 然后命令行启动 webpack --mode development此时会发现打包成功，把index.html拖到浏览器打开控制台会打印出来666666

注： webpack默认打包入口文件为/src/index.js 默认的输出文件为 /dist/main.js

hxkuc / webpack