webpack 简单使用
webpack 简单使用 webpack是目前前端开发最流行的打包工具之一，今天就一步一步构建 初始化npm工程 npm init 创建npm 工程 根据自己的需求进行配置项目 添加webpack 依赖 npm i webpack –save-dev 安装webpack 安装成功之后，在package.json中在 devDependencies中有 webpack 使用webpack打包 js 创建js文件 创建module.js 创建app.js module.js 文件内容 export const log = function(){ // document.write(‘module.js loaded’); console.log(‘module.js loaded’); } app.js import moduleLog from ‘./module.js’; import ‘./style.css’; moduleLog(); document.write(‘app.js loaded’); 创建index.html <!DOCTYPE html> <script src="dist/bundle.js"></script> 创建完成之后，我们开始webpack打包 app.js ./node_modules/.bin/webpack app.js -o dist/bundle.js 执行完成 直接运行index.html 查看运行结果 app.js loadedmodule.js loaded 配置webpack.config.js 通常我们使用webpack命令行进行打包的时候，简单的话，还没有关系，要是想实现更多的功能的时候，我们不能一直添加很长很长的命令行吧，每次打包，你记得住吗？为此我们需要创建 webpack.config.js ...