webpack打包

发布时间：2023-09-06 01:44责任编辑：沈小雨关键词：webpack

首先npm install webpack-cli

export const a = 1;export const b = 2;export const c = 3;

test.js

import * as constants from ‘./test‘;console.log(constants.a);

app.js

<!doctype html><html> ???<head> ???????<meta charset="utf-8"> ???????<title>demo</title> ???</head> ???<body> ???????<script src="dist/bundle.js"></script> ???</dody></html>

index.html

{ ???"name":"Module", ???"version": "1.0.0", ???"dependencies": { ???????????}, ???"devDependencies": { ???????"babel":"^6.23.0", ???????"babel-cli": "^6.24.1", ???????"babel-core":"^6.24.1", ???????"babel-loader": "^7.0.0", ???????"babel-preset-es2015":"^6.24.1", ???????"webpack":"^2.6.1" ???}}

package.json

var webpack = require("webpack");var path = require("path");module.exports = { ???entry:‘./app.js‘, ???output:{ ???????path:path.resolve(__dirname,‘dist‘), ???????filename:‘bundle.js‘ ???}, ???module:{ ???????loaders:[ ???????????{test:/\.js$/,loader:‘babel-loader‘} ???????] ???}}

webpack.config.js

{ ???"presets":[ ???????"es2015" ?????], ???"plugins":[]}

.babelrc

然后npm install

最后webpack

webpack打包

原文地址：https://www.cnblogs.com/leon-y-liu/p/8496544.html

webpack打包

知识推荐