摘要: 一、entry入口文件 在第一节配置webpack的配置文件,这一节我们就对里面一些配置进行一下探索,entry入口文件配置可以配置字符串,也可以配置数组,也可以配置对象 其中字符串模式和数组都可以算作是单页面入口 字符串 数组 发现这样写,并没有什么卵用,好像只加载了第一个, 并没有加载 利用数组 阅读全文
posted @ 2019-05-13 18:04 不会代码的前端 阅读(198) 评论(0) 推荐(0) 编辑
摘要: 一、创建项目 通过命令 和`touch fileName`创建项目和生成文件 安装 切换 二、初始化NPM 这一步是初始化npm,生成一个本地的json依赖文件,运行命令后,能够在webpackDemo下面看见一个package.json文件 三、安装webpack webpack 4.x 以下的版 阅读全文
posted @ 2019-05-13 17:03 不会代码的前端 阅读(857) 评论(0) 推荐(0) 编辑
摘要: 一、代码压缩坑 正常情况下,如果我们配置生成环境,webpack会自动帮js压缩,必须配置 但是如果我们要把css也压缩的话,问题就来了,css压缩 调用 用了css压缩后,我们发现,js不压缩了,这是需要使用插件 调用 注意,这样虽然能行,但是看网上,好像这个跟css一样,也要在optimizat 阅读全文
posted @ 2019-05-13 13:32 不会代码的前端 阅读(1743) 评论(0) 推荐(0) 编辑
摘要: 一、代码分离 这里按照官网,配置 ,但是如果是webpack 4.0以上,就会报错,需要安装如下应用: 报错 Chunk.entrypoints: Use Chunks.groupsIterable and filter by instanceof Entrypoint instead 解决 二、输 阅读全文
posted @ 2019-05-13 13:01 不会代码的前端 阅读(216) 评论(0) 推荐(0) 编辑
摘要: 一、开发环境 配置开发环境,需要安装 模块 二、配置开发环境 在package.json文件的npm scripts对象里面,添加开发环境运行 三、配置devServer 在webpack.config.js文件里面配置相关参数,注意devServer跟entry,output等同级 四、配置热重载 阅读全文
posted @ 2019-05-13 11:31 不会代码的前端 阅读(608) 评论(0) 推荐(0) 编辑