webpack入门1

最新推荐文章于 2024-10-03 19:28:55 发布

weixin_30682127

最新推荐文章于 2024-10-03 19:28:55 发布

阅读量57

点赞数

文章标签： webpack json javascript ViewUI

原文链接：http://www.cnblogs.com/athean/p/6756958.html

版权

新建一个空的文件夹-->全局安装webpack（npm install -g webpack）-->初始化这个项目（npm init）-->在根目录下新建app和public文件夹-->app存放原始数据和将要写的js文件。public存放准备给浏览器读取的数据包括webpack生成打包后的js文件，以及一个index.html文件,-->在根目录下新建webpack.config.js,开始进行配置。

//__dirname是node.js中的一个全局变量，它指向当前执行脚本所在的目录
module.exports = {//注意这里是exports不是export
    entry: __dirname + "/app/main.js",//唯一入口文件，就像Java中的main方法
    output: {//输出目录
        path: __dirname + "/build",//打包后的js文件存放的地方
        filename: "bundle.js"//打包后的js文件名
    }
};

然后再终端输入 webpack或者配置package.json 里面scripts中添加“start”："webpack"然后终端输入webpack即可

转载于:https://www.cnblogs.com/athean/p/6756958.html