如何使用webpack打包你的项目
安装 webpack
npm i webpack webpack-cli --save-dev
项目根目录创建 webpack.config.js
var path = require('path');
var webpack = require('webpack');
module.exports = {
mode: 'development',
entry: './src/index.js',
output: {
path: path.resolve(__dirname, './dist'),
publicPath: '/dist/',
filename: 'index.js',
}
};
生成JS
压缩JS文件大小:
npm install uglifyjs-webpack-plugin --save-dev
webpack.config.js添加
optimization: {
minimizer: [
// 用于配置 minimizers 和选项
new UglifyJsPlugin({
cache: true,
parallel: true,
sourceMap: true, // set to true if you want JS source maps
})
],
},
版权声明:本文为YES开发框架网发布内容,转载请附上原文出处连接
post YES开发框架