摘要:
这里以css为例 安装完成后的配置可以参考另一篇文章 配置完成后,我们就可以在index.js里面import引入scss文件 配置完成后我们就可以运行 接下来就可以在app.bundle.js文件里面搜索我们在scss文件里面写的样式,标明成功了,但是这个css是嵌在js里面的,后面我们需要通过方 阅读全文
摘要:
一、配置环境类型 通过配置mode来告诉webpack当前运行的环境 有三个选项, ,`production(生产环境) development(开发环境)` 二、配置环境(必须,特殊) 配置mode,必须在webpack的内置插件里面配置一下环境 三、判断环境 全局可以通过 来获取当前运行环境 四 阅读全文
摘要:
一、配置输出文件 输出口必须是个对象,因为它必须有两个属性: 输出出去的文件的名字,一般都是bundle.js 文件要输出出去到哪里,一般都是dist文件 上面这个是单页面入口配置时的设定,在入口配置那里我们提到了多页面引用,那如果我们是多页面引用,那上面这个输出就不行了,这时可以这样配置: Tip 阅读全文
摘要:
一、配置入口文件 在 文件配置入口文件 这里我们可以src里面新建几个js文件,作为入口文件输出 entry后面可以是入口文件路径的字符串 也可以是数组,数组会把多个路径整合到一个文件里面 也可以是对象,对象就相当于每个入口文件会被单独输出 正常的一般下面这种写法: 但是我们还是参照vue的写法 这 阅读全文
摘要:
一、新建项目 切换到项目里面 二、初始化项目 三、安装webpack 不推荐全局安装 四、安装webpack cli 如果是webpack 4.0及以上版本,在安装webpack的同时还需要安装webpack cli 五、配置package.json 1、配置私有安装包 去掉package.json 阅读全文
摘要:
一、入门级挖坑 在项目中使用css的第一步,就是要在webpack里面配置相应的解析loader,因为webpack只能解析js文件,对于.css,.vue,.jsx,.json等这些文件它不会读,所以我们要安装loader来帮助一下 所有loader都是在 文件里的 数组里面配置的 Tips 每个 阅读全文