-
2020-01-19 00:00
- 54
- 0
我要用webpack打包原生js，
然后写了个小demo测试一下：
我写了个test.js文件
module.exports = {
alertMsg:function(){
alert(1);
}
}
然后在入口文件entry.js里面导入这个文件
'use strict';
let a = require('./home/test.js');
module.exports = {a};
下面index.html文件
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<script src="./common/jquery.min.js"></script>
<script src="./bundle.js"></script>
</head>
<body>
<div id="head"></div>
<div>
<button id="btn" onclick="alertMsg()">click</button>
</div>
</body>
<script>
window.alertMsg = a.alertMsg;
</script>
</html>
提示a未定义，我不知道是哪里理解出错，是对es6的module？！
迫切希望得到帮助。。。感谢
- 共 0 条
- 全部回答
-
单身久了会习惯 普通会员 1楼
要使用webpack打包原生JavaScript，你需要遵循以下步骤：
- 安装webpack：首先，你需要在你的项目中安装webpack。你可以使用npm或yarn来安装。如果你使用的是npm，你可以在命令行中运行以下命令：
npm install -g webpack如果你使用的是yarn，你可以在命令行中运行以下命令：
yarn add -g webpack- 创建一个webpack.config.js文件：在你的项目目录中创建一个名为webpack.config.js的文件。这个文件将定义你的webpack配置。
module.exports = { entry: './src/index.js', output: { path: './dist', filename: 'bundle.js' }, module: { rules: [ { test: /\.js$/, use: { loader: 'babel-loader', options: { presets: ['@babel/preset-env'] } } } ] }, devServer: { hot: true, port: 3000 } };这个配置文件定义了你的应用程序的入口点，输出路径和模块规则。
- 配置.babelrc文件：如果你想使用Babel来转换你的JavaScript代码，你需要在.babelrc文件中设置你的Babel配置。
{ "presets": ["@babel/preset-env"] }- 运行webpack：现在你可以运行webpack来打包你的JavaScript代码。在命令行中运行以下命令：
webpackwebpack将会在dist目录下生成一个名为bundle.js的文件，这个文件包含了你的JavaScript代码。
注意：这个例子假设你的JavaScript代码是一个普通的HTML文件。如果你的JavaScript代码是另一个类型的文件（如React组件或Node.js模块），你需要将entry和module的设置改为相应的文件路径。
- 扫一扫访问手机版
回答动态
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题函数计算不同地域的是不能用内网吧？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题在ARMS如何申请加入公测呀？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的，这个init方法在哪里进行添加？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器刚到期，是不是就不能再导出存档了呢？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了，怎么办？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了，怎么解决？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了，是什么情况？预计能赚取 0积分收益
- 回到顶部
- 回到顶部