We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
There was an error while loading. Please reload this page.
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in 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: