webpack
Sely_Lou
学习,记录,应用
展开
-
webpack转化es6语法
1.安装babelbabel转换高语法到es5babel-loader转换 @babel/core是核心模块@babel/preset-env 高级语法转换成低级语法yarn add babel-loader @babel/core @babel/preset-env -D2.配置js在配置规则前,es6语法打包,会直接是箭头函数配置后,函数会使用var进行打包...原创 2020-03-20 11:31:19 · 571 阅读 · 0 评论 -
webpack样式处理,以及js,css压缩
1.在配置中添加module module: { //模块 rules: [ //规则 css-loader 解析@import这种语法的 //style-loader 把css插入到head标签中 //loader的特点 希望单一 //loader的用法 字符串只用一个loader //多个loader需要[] ...原创 2020-03-19 18:09:12 · 345 阅读 · 0 评论 -
手动配置webpack
1.默认配置文件的名字是 webpack.config.jswebpack是node 写出来的,所以写node 语法let path = require('path') //自带的module.exports = { mode:'development', //模式 默认两种 production 生产模式 development 开发模式 entry:'./src/i...原创 2020-03-13 17:59:56 · 175 阅读 · 0 评论 -
搭建webpack4.0项目(1)
1.新建项目test-webpack2.项目下,本地安装 webpack 、 webpack-cliyarn add webpack webpack-cli -D //-D表示当前是开发依赖,上线时不需要3.配置webpackwebpack可以进行0配置(0配置 配置很弱)webpack是打包工具,将输出后的结果,打包成js模块(1)首先新建打包目录src...原创 2020-03-13 10:05:10 · 250 阅读 · 0 评论