前端工程化与webpack
创建一个隔行变色项目
上述命令在一个空的文件夹中运行,打开一个空文件夹的终端
上述命令也是在文件夹的终端中打开执行,此命令是安装webpack目的是解决网页无法运行的问题
dependencies是项目在开发和上线阶段都可以用到,而dev前缀下的只是在开发阶段用到
当把npm run dev这个终端脚本 运行完之后,就会出现一哥dist文件夹,里面有main.js,是根据index.js生成的
前面的准备操作做好之后,接下来开始运行界面,代码如下
li代表行,odd代表奇数行,even代表偶数行
利用<script src="../dist/main.js"></script>传入index.js的操作,来实现隔行变色的目的
______________________________________________
以上操作的dist,main.js是自动生成的,接下来我们可以让他生成我们指定的文件名称
具体代码如下
此时index.html中就要引入<script src="../dist/bundle.js"></script>
_______________________________________________
我们以上的操作每次在修改完代码都需要重新在中单输入npm run dev,操作起来比较麻烦,接下来的操作就是简化操作,在每次修改完代码保存后自动刷新
____________________________________________________
上面的是使用webpack来对源代码进行读写,此时读写的是磁盘内的代码,会降低磁盘使用寿命,下面我们来对内存进行读写