快速运行js开源项目

 

1 创建项目属性

npm init ：定义项目的属性 (文件目录下会多一个package.json)

2 安装项目需要依赖的模块

npm install

3 使用webpack打包

安装webpack：npm install --save-dev webpack ： 安装webpack (文件目录下会多一个package-lock.json)

撰写打包脚本：在根目录下创建build文件夹，build件夹下创建webpack.dev.js，内容如下：

const path = require("path"); //Node.js内置模块
const CopyWebpackPlugin = require('copy-webpack-plugin');
module.exports = {
    entry: { 
        testSAB:'./sab/main.js'
    }, //配置入口文件
    mode: 'development',//development表示生产环境，production表示发布环境。
    devtool: "source-map",
    output: {
        libraryTarget: 'umd',
        umdNamedDefine: true,
        path: path.resolve(__dirname, '../dist'), //输出路径，__dirname：当前文件所在路径
        filename: '[name].min.js' //输出文件
    },
    plugins: [
        new CopyWebpackPlugin({
            patterns: [
                { from: "./sab/index.html", to: "./index.html" },
            ],
        }),
    ]
}

 在 pack.json的script中输入：

"scripts": {
    "start": "npm run dev",
    "dev": "webpack --config build/webpack.dev.js --watch",
    "build": "npm run prod",
    "prod": "webpack --config build/webpack.prod.js",
    "backup": "webpa