We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
Have a question about this project? # for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “#”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? # to your account
执行 npm init 来初始化最简单的采用了模块化开发的项目
要安装 Webpack 到本项目，可按照你的需要选择以下任意命令运行：
# npm i -D 是 npm install --save-dev 的简写，是指安装模块并保存到 package.json 的 devDependencies # 安装最新稳定版 npm i -D webpack # 安装指定版本 npm i -D webpack@<version> # 安装最新体验版本 npm i -D webpack@beta
安装完后你可以通过这些途径运行安装到本项目的 Webpack：
在项目根目录下对应的命令行里通过 node_modules/.bin/webpack 运行 Webpack 可执行文件。 在 Npm Script 里定义的任务会优先使用本项目下的 Webpack，代码如下：
"scripts": { "start": "webpack --config webpack.config.js" }
安装到全局后你可以在任何地方共用一个 Webpack 可执行文件，而不用各个项目重复安装，安装方式如下：
npm i -g webpack
虽然介绍了以上两种安装方式，但是我们推荐安装到本项目，原因是可防止不同项目依赖不同版本的 Webpack 而导致冲突。
Webpack 是一个打包模块化 JavaScript 的工具，它会从 main.js 出发，识别出源码中的模块化导入语句， 递归的寻找出入口文件的所有依赖，把入口和其所有依赖打包到一个单独的文件中。 从 Webpack2 开始，已经内置了对 ES6、CommonJS、AMD 模块化语句的支持。
index.html
<html> <head> <meta charset="UTF-8"> </head> <body> <div id="app"></div> <!--导入 webpack 输出的 JS 文件--> <script src="./dist/bundle.js"></script> </body> </html>
// 通过 CommonJS 规范导入 show 函数 const show = require('./show.js'); // 执行 show 函数 show('Webpack');
// 操作 DOM 元素，把 content 显示到网页上 function show(content) { window.document.getElementById('app').innerText = 'Hello,' + content; } // 通过 CommonJS 规范导出 show 函数 module.exports = show;
const path = require('path'); module.exports = { // JS 执行入口文件 entry: './main.js', output: { // 把所有依赖的模块合并输出到一个 bundle.js 文件 filename: 'bundle.js', // 输出文件都放到 dist 目录下 path: path.resolve(__dirname, './dist'), } };
The text was updated successfully, but these errors were encountered:
No branches or pull requests
执行 npm init 来初始化最简单的采用了模块化开发的项目
要安装 Webpack 到本项目，可按照你的需要选择以下任意命令运行：
安装完后你可以通过这些途径运行安装到本项目的 Webpack：
在项目根目录下对应的命令行里通过 node_modules/.bin/webpack 运行 Webpack 可执行文件。
在 Npm Script 里定义的任务会优先使用本项目下的 Webpack，代码如下：
安装到全局后你可以在任何地方共用一个 Webpack 可执行文件，而不用各个项目重复安装，安装方式如下：
npm i -g webpack虽然介绍了以上两种安装方式，但是我们推荐安装到本项目，原因是可防止不同项目依赖不同版本的 Webpack 而导致冲突。
Webpack 是一个打包模块化 JavaScript 的工具，它会从 main.js 出发，识别出源码中的模块化导入语句， 递归的寻找出入口文件的所有依赖，把入口和其所有依赖打包到一个单独的文件中。 从 Webpack2 开始，已经内置了对 ES6、CommonJS、AMD 模块化语句的支持。
index.html
The text was updated successfully, but these errors were encountered: