博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
webpack配置(一)
阅读量:6005 次
发布时间:2019-06-20

本文共 683 字,大约阅读时间需要 2 分钟。

这里再配置的时候走了些弯路,现在,把配置前的准备工作做好很重要:

首先,安装node.js,当然,npm也就有了;

其次,安装xampp,主要是为了配置Apache;

安装好后,xampp---htdocs文件夹下创建项目就好了。

好,开始步入正题:

当然最好先看下我给的参考地址,

参考:http://www.jianshu.com/p/42e11515c10f

然后在接着这个内容会比较好;

这里我主要是记录的是自己配置过程中遇到的问题:

当时这里没看懂,后来,理解了以后,是这样操作的:

结构中我们是没有看到bundle.js这个脚本的,这是在运行了webpack以后才会生成的。

还有,在配置package.json的时候,注意别写错了。

当然,现在暂时先配置到了npm start,后续再补充。

 

项目结构图:

app文件夹:用来存放原始数据和我们将写的JavaScript模块;

Greeter.js只包括一个用来返回包含问候信息的html元素的函数。

main.js用来把Greeter模块返回的节点插入页面。

 

public文件夹:用来存放准备给浏览器读取的数据(包括使用webpack生成的打包后的js文件以及一个index.html文件)

 index.html文件只有最基础的html代码,它唯一的目的就是加载打包后的js文件(bundle.js)

 

参考:http://www.jianshu.com/p/42e11515c10f

转载于:https://www.cnblogs.com/wang715100018066/p/6945002.html

你可能感兴趣的文章
贪吃蛇和俄罗斯方块软件
查看>>
消息队列服务器 memcacheq的搭建
查看>>
Bringing up interface eth0: Device eth0 does not seem to be present ,delayin
查看>>
解决输入ipconfig后出现ipconfig不是内部或外部命令
查看>>
跟我一起学docker(七)--网络
查看>>
跨交换机实现的vlan
查看>>
response.getWriter()的作用解决方法
查看>>
linux文件存取 inode解读
查看>>
android edittext不弹出软键盘
查看>>
windows下安装和配置nginx
查看>>
selinux
查看>>
第3章 远程连接管理Linux实践
查看>>
透析Linux系统编程
查看>>
数据库Sqlite文件的增删改查
查看>>
hdu 1024 Max Sum Plus Plus 小白都可以看得懂的解析
查看>>
shell中常见参数及判断命令
查看>>
VMware Horizon View 7.5 虚拟桌面实施咨询与购买--软件硬件解决方案
查看>>
2018新版驾照驾照psd模板下载
查看>>
【矢量图控件教程】矢量图控件VectorDraw 常见问题整理大全(一)
查看>>
文件系统、服务、防火墙、SELINUX——安全四大金刚
查看>>