webpack
Judian6974
我不知道什么叫年少轻狂,我只知道什么叫胜者为王
展开
-
webpack-demo
首先建立基本项目结构 在上一篇博客写到项目目录安装前有个初始化,npm init,生成后npm终端会显示一长串的问答,其中就有项目名,依据自己填写的项目名,打开开发者工具,在文件夹下建立dis文件夹和src文件夹。dist文件夹:用来存放供浏览器读取的文件,这个是webpack打包成的文件。src文件夹:用来存放我们编写的javascript代码,可以简单的理解为用JavaScript编原创 2018-02-07 16:54:54 · 321 阅读 · 0 评论 -
webpack-安装
我也是今天开始刚学,之后我会把我所学的每一点知识点放到我的博客,有兴趣的朋友可以看看,也可以把问题和我没有发布在上面的知识点写在评论中告诉我,大家一起学习钻研进步。首先先从安装webpack开始吧。安装方法 用win+R打开cmd命令窗,然后到你项目想要开始的地方,输入下方代码。 mkdir webpack_demo //建立一个文件夹 cd webpack_demo //原创 2018-02-07 13:25:09 · 2456 阅读 · 0 评论 -
webpack-配置文件:入口/出口
配置文件webpack.config.js webpack.config.js就是Webpack的配置文件,这个文件需要自己在项目根目录下手动建立。建立好后我们对其进行配置,下面的代码是webpack.config.js的没有内容的基本结构。 webpack.config.jsmodule.exports={ //入口文件的配置项 entry:{}, //出口文原创 2018-02-07 17:59:00 · 1233 阅读 · 0 评论 -
webpack-服务和热更新
今天来分享一招,看标题,热更新,其实就是即写即现,当然如果你用的是双屏电脑这样更便于开发,就能及时看到你所要的效果。设置webpack-dev-server 在设置webpack-dev-server前要npm install webpack-dev-server ––save-dev下载,然后配置devServer,简单的配置devServer只有四项。如下代码: /webpack.co...原创 2018-02-08 10:10:41 · 920 阅读 · 0 评论