上一页 1 2 3 4 5 6 7 ··· 12 下一页
2019年5月14日
webpack -- 完整入门学习笔记（四）
摘要： 一、loader 经过前面的一系列操作，已经初步完成了一个webpack项目，但是这个只有html文件和js文件，啥都没有，看起来不正常，我们需要给这个页面添加css样式，图片，字体图标等 如何添加呢？通过loader css 添加css，需要 和`css loader`两个 安装 记住 所有loa 阅读全文
posted @ 2019-05-14 16:36 不会代码的前端 阅读(211) 评论(0) 推荐(0) 编辑
webpack -- 完整入门学习笔记（三）
摘要： 一、HtmlWebpackPlugin 经过上面一番折腾，我们发现，虽然输出了内容，但是都是js文件，这个看不了，所以要想办法输出html文件，要想输出html文件，需要依赖插件 安装 调用 安装完成后，还需要在plugins里面配置一下 运行项目 运行完成之后，能够发现在dist文件里面生成了一个 阅读全文
posted @ 2019-05-14 11:20 不会代码的前端 阅读(847) 评论(0) 推荐(0) 编辑
2019年5月13日
webpack -- 完整入门学习笔记（二）
摘要： 一、entry入口文件 在第一节配置webpack的配置文件，这一节我们就对里面一些配置进行一下探索，entry入口文件配置可以配置字符串，也可以配置数组，也可以配置对象 其中字符串模式和数组都可以算作是单页面入口 字符串 数组 发现这样写，并没有什么卵用，好像只加载了第一个， 并没有加载 利用数组 阅读全文
posted @ 2019-05-13 18:04 不会代码的前端 阅读(198) 评论(0) 推荐(0) 编辑
webpack -- 完整入门学习笔记（一）
摘要： 一、创建项目 通过命令 和`touch fileName`创建项目和生成文件 安装 切换 二、初始化NPM 这一步是初始化npm，生成一个本地的json依赖文件，运行命令后，能够在webpackDemo下面看见一个package.json文件 三、安装webpack webpack 4.x 以下的版 阅读全文
posted @ 2019-05-13 17:03 不会代码的前端 阅读(857) 评论(0) 推荐(0) 编辑
webpack -- 代码压缩
摘要： 一、代码压缩坑 正常情况下，如果我们配置生成环境，webpack会自动帮js压缩，必须配置 但是如果我们要把css也压缩的话，问题就来了，css压缩 调用 用了css压缩后，我们发现，js不压缩了，这是需要使用插件 调用 注意，这样虽然能行，但是看网上，好像这个跟css一样，也要在optimizat 阅读全文
posted @ 2019-05-13 13:32 不会代码的前端 阅读(1743) 评论(0) 推荐(0) 编辑
webpack -- 代码分离
摘要： 一、代码分离 这里按照官网，配置 ，但是如果是webpack 4.0以上，就会报错，需要安装如下应用： 报错 Chunk.entrypoints: Use Chunks.groupsIterable and filter by instanceof Entrypoint instead 解决 二、输 阅读全文
posted @ 2019-05-13 13:01 不会代码的前端 阅读(216) 评论(0) 推荐(0) 编辑
webpack -- 配置开发环境
摘要： 一、开发环境 配置开发环境，需要安装 模块 二、配置开发环境 在package.json文件的npm scripts对象里面，添加开发环境运行 三、配置devServer 在webpack.config.js文件里面配置相关参数，注意devServer跟entry，output等同级 四、配置热重载 阅读全文
posted @ 2019-05-13 11:31 不会代码的前端 阅读(608) 评论(0) 推荐(0) 编辑
2019年5月10日
webpack -- source-map
摘要： 这玩意儿看完文档，加上大佬的解释，其实就是个错误追踪，能够告诉浏览器那里出错了，那个文件报错了，可以具体到哪一个文件，哪一行 开发环境和生成环境是不一样的，生产环境可以不配置source map，但是开发环境可以配置一下，因为source map会影响浏览器加载，文件太大了，不过也可以在生产环境中配 阅读全文
posted @ 2019-05-10 18:46 不会代码的前端 阅读(1041) 评论(0) 推荐(0) 编辑
webpack -- 清理dist文件
摘要： 在配置webpack的过程中，我们发现，dist文件里面有很多我们不需要的文件，或者是之前产生的垃圾文件，所以需要插件帮我自动清理这些文件，只生成我们用到的文件 按照webpack官网，我们配置完成发现，其实那个配置错的，这个插件传参必须是对象，不能是数组 官网操作，很多网上的资料的操作也是这个 运 阅读全文
posted @ 2019-05-10 18:23 不会代码的前端 阅读(4648) 评论(0) 推荐(0) 编辑
webpack -- plugin插件
摘要： 插件目的在于解决 loader 无法实现的其他事 这里以 插件为例，这个是输出html文件的 然后就可以在插件里面配置了 js // webpack.config.js plugins: [ new HtmlWebpackPlugin({ title: '练习', // 这个是html页面的titl 阅读全文
posted @ 2019-05-10 17:19 不会代码的前端 阅读(171) 评论(0) 推荐(0) 编辑
上一页 1 2 3 4 5 6 7 ··· 12 下一页