无需npm,使用Webpack CLI打包PC端HTML项目
要在不使用npm的情况下打包HTML页面的PC端项目,可以使用Webpack的命令行工具webpack-cli。首先需要安装Webpack和webpack-cli:
- 下载Webpack的zip包,并解压到项目目录下
- 打开命令行工具,进入Webpack解压后的目录
- 执行以下命令安装webpack-cli:
npm install webpack-cli -g
- 在项目目录下创建一个webpack.config.js文件,配置Webpack的打包规则和输出路径:
const path = require('path');
module.exports = {
entry: './src/index.js',
output: {
filename: 'bundle.js',
path: path.resolve(__dirname, 'dist')
}
};
- 在命令行工具中执行以下命令打包HTML页面:
webpack-cli --mode production
- 执行完毕后会在项目目录下生成一个dist文件夹,里面包含打包后的bundle.js文件。可以在HTML页面中引入该文件以使用打包后的代码。
原文地址: https://www.cveoy.top/t/topic/mHHJ 著作权归作者所有。请勿转载和采集!