<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div></div> <!--webpack/gulp/grount--> </body> <script src="https://www.jb51.net/bundle.js"></script> </html>
在module1.js中定义一些变量与方法，作为一个模块使用exports导出
console.log("我是module1.js"); var a = "我是a变量"; var fn = function(){ console.log("我是fn函数"); } module.exports = { a, fn }
在index.js中使用require引入module.js的方法与变量
var res = require("./module1"); require("./index.css"); console.log("我是index.js"); console.log(res.a); res.fn();
6.终端运行webpack
webpack
7.在package-loack.json中scripts配置
对npm进行配置后可以在命令行中使用简单的npm start命令来替代webpack的命令
像 下面配置后，npm dev可以代替 npm webpack-dev-server --open命令
{ "dependencies": { "css-loader": "^0.28.8", "style-loader": "^0.19.1", "webpack": "^3.10.0" }, "devDependencies": { "webpack-dev-server": "^2.11.0" }, "scripts": { "start": "webpack", "dev": "webpack-dev-server --open" } }
此时输入npm start 就可以打包文件了
总结
以上所述是小编给大家介绍的node.js中的npm和webpack配置方法，希望对大家有所帮助，如果大家有任何疑问欢迎给我留言，小编会及时回复大家的！
您可能感兴趣的文章: