bundle is not defined 手动搭建项目架构(一)

bundle is not defined 报错,即找不到 bundle.js,filename: ‘bundle.js‘,//输出的文件名(将其所依赖的js打包成bundle.js)

创建的webpack.config.js文件

bundle.js要用引号引起来

//以js文件作为入口文件 相对路径保证文件的正确性

//在package.json中加入一个build脚本,指定config文件,调用项目内部的webpack

const path = require(‘path‘)

//path是node.js的基本包,用来处理路径的

module.exports = {

// 声明入口文件dirname代表文件目录所在的地址,

//path.join是将文件与后面的文件路径src/index.js拼接起来

//形成绝对路径,以保证访问路径的正确性

entry: path.join(__dirname,‘src/index.js‘),

//出口文件

output: {

filename: ‘bundle.js‘,//输出的文件名(将其所依赖的js打包成bundle.js)

path: path.join(__dirname,‘dist‘)//输出文件的绝对路径

},

//来处理.vue文件

module:{

rules:[

{

test:/.vue$/,//正则以.vue结尾的文件

loader:‘vue-loader‘//使用vue-loader

}

]

}

}

原文地址:https://www.cnblogs.com/fengch/p/9936510.html

时间: 2024-10-07 12:37:04

bundle is not defined 手动搭建项目架构(一)的相关文章

Springboot 手动搭建项目 --初始篇

最近一直在学springboot和Cloud,互联网公司现在也更倾向于微服务这一块,前景是一篇光明的,特别是在springboot上开发的Cloud的部分,是一套分布式的整体解决方案,学好这一块至少这几年都很吃香: 既然学习很久,落地实践一下为好: 项目git网址:https://github.com/David-BIQI/manage.git 参照的代码规范:https://github.com/xwjie/PLMCodeTemplate.git (这个是一套能够落地的代码规范,跟着风哥学习很

手动搭建lamp架构

#lamp平台搭建:*环境说明: 系统平台 ip地址 需要安装的服务 centos7 192.168.110.128 httpd-2.4 mysql-5.7 php php-mysql 一.安装httpd:#安装开发工具: [[email protected] ~]# yum groups mark install 'Development Tools' 安装过程已省略 #创建apache用户和组: [[email protected] ~]# groupadd -r apache [[emai

Springboot 手动搭建项目 --redis配置&日志完善+用户名

项目git网址:https://github.com/David-BIQI/manage.git(项目使用比较新的springboot2.0 还有jdk8 ) 参照的代码规范:https://github.com/xwjie/PLMCodeTemplate.git (这个是一套能够落地的代码规范,跟着风哥学习很多) redis配置 如何配置 <dependency> <groupId>org.springframework.boot</groupId> <arti

.NET完全手动搭建三层B/S架构

简介:三层架构(3-tier application) 通常意义上的三层架构就是将整个业务应用划分为:表现层(WebUI).业务逻辑层(BusinessLogicLayer).数据访问层(DataAccessLayer),公共层(ModelLayer).区分层次的目的即为了“高内聚,低耦合”的思想. 一.应用三层架构的优点 三层结构适合群体开发,每人可以有不同的分工,协同工作使效率倍增:各做各的模块,降低开发人员能力要求:方便系统功能的扩展以及后期的维护工作:最大优点是它的安全性.用户端只能通过

【从零开始搭建自己的.NET Core Api框架】(二)搭建项目的整体架构

本来打算将搭建项目架构和集成SqlSugar放在一起讲的,但是感觉东西有点多,还是分成两章吧~ 这一章讲搭建项目的整体架构,这里先把搭建完成后的最终效果放出来,然后再逐个解释每层的作用. 可以看到这里一共有七层,源码在最下面,需要的可以参考源码进行对比(下面我按照自顶层向底层的顺序介绍,所以列出的顺序和图片有点区别) (一)RayPI主项目层 我在控制器文件夹下添加了两个文件夹,Admin和Client,分别用来存放后台和前端的接口. 这么做主要有两个理由,一个是我觉得这样可以把后台和前台的功能

手动搭建一个完整的angular实践项目

以下我记录如何简单的搭建一个angular项目, 比较适合有前端基础,但又没有使用过angular的前端开发人员,因为我看到网上的教程又都配套的使用了一些其他框架或者打包工具,以及进行一些复杂的开发环境配置,不利于初级的人学习和理解.后续我也会陆续写几篇结合不同工具框架,以及在混合app开发中搭建angular框架项目. 应用场景: 基于angular的PC端web项目,采用require加载资源,使用angularAMD和angularCSS实现按需加载angular的controllers和

大型项目架构搭建_高内聚、低耦合(1)

软件开发中的项目的架构的终极目标就六个字: 高内聚.低耦合. 架构搭建好了,后期可维护性才干提高,在这基础上,假设还想提高项目的高效性,就仅仅能从算法着手 假设项目中算法都已经做到极致了,还想提高项目的高效性,怎么办?(算法并不一定能处理高并发的问题) 就要用到中间件的技术了 以下我就从这三方面来搭建一个项目 假设我们有个这么需求 我公式和YC公式合作,开发一个项目.这个项目功能是用来測量东西的一个项目,我们公式在存储数据方面做得好,YC公司所以要和我们合作.要我们做一个对数据进行保存的容器,他

Asp.net mvc项目架构分享系列之架构搭建初步

copy to:http://www.cnblogs.com/ben121011/p/5014795.html 项目架构各部分解析 Core Models IDAL MSSQLDAL IBLL BLL WebHelper Web AdminLogic 5.项目架构初步搭建 1)      创建一个空白解决方案 2)     添加解决方案文件夹,初步分层UI.Service.Repository.Infrastructure 3)     创建项目(除Web项目外,其他均创建为类库项目) a)  

项目架构搭建之UI层的搭建

12.项目架构搭建之WebHelper搭建 BLLSessionFactory 实现IBLL层中的IBLLSessionFactory接口 OpaerateContext 定义常用的常量 使用日志助手实例,帮助记录日志 在构造函数中通过反射获取BLLSession实例,获取service层的各个接口 使用单例模式访问OperateContext 13.项目架构搭建之Web搭建 创建MVC Web项目 新建区域 配置路由 当应用程序中使用到区域时,为避免命名空间内的控制器命名冲突,一般需要设置区域