webpack
我爱做白日梦。
这个作者很懒,什么都没留下…
展开
-
webpack 基本配置
首先创建好一个文件夹,用编译器打开,执行指令npm init -y初始化项目 /* webpack.config.js webpack 得配置文件 作用: 指示 webpack 干哪些活( 当你运行 webpack 指令时,会加载里边的配置) 所有构建工具都是基于 node.js 平台运行的 模块化默认采用 common.js loader: 1.下载 2.使用(配置 loader ) plugins: 1.下载 2.引入 3.使用 */ // res原创 2020-09-09 16:28:32 · 161 阅读 · 0 评论 -
webpack css兼容性处理踩坑记录
1、目录文件 2、全局配置需要的loader 和 plugins(已经安装webpack的前提下,全局安装 npm install webpack webpack-cli -D) 全局安装 css-loader,指令:npm install css-loader -D 全局安装 less-loader,指令:npm install less-loader -D 全局安装 postcss-loader,指令:npm install postcss-loader -D 全局安装 postcss-pres原创 2020-09-08 14:18:44 · 679 阅读 · 1 评论 -
webpack JS兼容性处理
js兼容性处理babel的使用 运行前 ES6 写法 目录文件 下载相关库 npm i babel-loader @babel/core @babel/preset-env core-js -D webpack.config.js配置文件 const { resolve } = require('path'); const HtmlWebpackPlugin = require('html-webpack-plugin'); module.exports = { mode: 'deve原创 2020-09-09 13:38:40 · 161 阅读 · 0 评论