企业邮箱忘记密码怎么找回_模板免费下载素材_微指数官网_windows优化大师是病毒吗

2024/12/24 2:08:08 来源：https://blog.csdn.net/sun_weitao/article/details/144216842 浏览: 次关键词：企业邮箱忘记密码怎么找回_模板免费下载素材_微指数官网_windows优化大师是病毒吗

1、初始化npm

mkdir webpack_test
cd webpack_test
npm init

2、安装webpack依赖

npm install webpack webpack-cli -D

3、添加文件夹，入口文件

mkdir src
touch index.js
touch add-content.js

文件夹结构

index.js

import addContent from "./add-content";
document.write('My first Webpack app. <br/>')addContent()

add-content.js

export default function(){document.write('I\'m using npm scripts!')
}

4、安装webpack-dev-server依赖

npm install webpack-dev-server -D

5、添加index.html

index.html

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>My First Webpack app.</title>
</head>
<body><script src="./main.js"></script>
</body>
</html>

6、配置package.json启动脚本

"scripts": {"test": "echo \"Error: no test specified\" && exit 1","build": "webpack","dev":"webpack-dev-server"},

7、配置webpack.config.js

const path = require('path')module.exports = {entry: './src/index.js',output: {filename: './main.js',},mode: "development",devServer: {static:{directory:path.join(__dirname, 'dist'),}}
}

8、启动应用

npm run dev

企业邮箱忘记密码怎么找回_模板免费下载素材_微指数官网_windows优化大师是病毒吗

最新新闻

热搜词

企业邮箱忘记密码怎么找回_模板免费下载 素材_微指数官网_windows优化大师是病毒吗

最新新闻

热搜词

企业邮箱忘记密码怎么找回_模板免费下载素材_微指数官网_windows优化大师是病毒吗