webpack-boilerplate

webpack 示例项目

使用 Babel、PostCSS 和 Sass 的合理的 webpack 5 示例文件。

安装

克隆此仓库并执行 npm install。

npm i

使用方法

开发服务器

npm start

您可以在 localhost:8080 中查看开发服务器。

生产构建

npm run build

注意: 要部署简单的服务器,请全局安装 http-server。

npm i -g http-server

您可以通过在 dist 中创建服务器来查看部署。

cd dist && http-server

特性

• webpack
• Babel
• Sass
• PostCSS

依赖项

webpack

• webpack - 模块和资产打包器。

• webpack-cli - webpack 的命令行界面。

• webpack-dev-server - webpack 的开发服务器。

• webpack-merge - 简化开发/生产配置。

• cross-env - 跨平台配置。

• babel-loader - 使用 Babel 和 webpack 编译文件

• sass-loader - 加载 SCSS 并编译为 CSS

• sass - Node Sass