如何实现时时跟新我写的代码 此时就需要有一个配置文件了 webpack.config.js这个文件 这个文件是在跟目录下哦
webpack是基于node去构建的 所以你的依法和node还是很相似的哦
在配置文件中需要手动的指定配置文件的入口和出口
wabpack.config.js文件最基本的配置哦 文件在跟目录下哦 // 因为要对路径操作 所以你要引入path这个模块哦 对他进行操作哦 const path=require("path"); //路径模块 // 配置文件 暴露出去哦 // 手动的指定入口和出口 module.exports={ entry:path.join(__dirname,'被打包的文件.js'), //入口文件 使用webpack要打包哪一个文件 output:{ //输出相关的配置 path:path.join(__dirname,'./dist'), //指定打包好的文件会输出到哪一个目录（dist)下去 filename:"bundle.js" //指定打包好的文件的名称叫什么名字 } } 当你配置好了之后 直接在 E:vuekaifalib 5day-webpack-隔行变色>webpack 输入webpack就行了 它就会自动帮你打包 此时还不行 你每次修改的自动帮我们打包 你还需要写后面的代码 看下一章
src目录下的index.html首页如下
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<script src="../dist/test.js"></script> 引入
</head>