webpack知识点总结
webpack环境安装
全局环境安装
npm install webpack-cli -g
npm install webpack -g
mac上安装webpack报错解决方法Hit error EACCES: permission denied, mkdir '/usr/local/lib/node_modules/webpack
解决办法:
sudo npm install webpack -g
或
sudo npm install webpack -g --unsafe-perm=true --allow-root
或
sudo npm install webpack -g --unsafe-perm=true
webpack概述
webpack 的版本更迭
入口文件配置
const path = require("path"); module.exports = { entry: "./src/app.js", output: { path: path.resolve(_dirname,"dist"), filename: "app.js" } };
HtmlWebpackPlugin 安装配置
使用命令:
yarn add html-webpack-plugin
配置:
const HtmlWebpackPlugin = require('html-webpack-plugin'); ...... plugins: [ new HtmlWebpackPlugin({ template: './src/index.html' }) ]
babel安装配置
使用命令:
yarn add babel-core@6.26.0 babel-preset-env@1.6.1 babel-loader@7.1.2 --dev
配置:
module: { rules: [ { test: /\.js$/, exclude: /(node_modules)/, use: { loader: 'babel-loader', options: { presets: ['env'] } } } ] },
未完待续...
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步