zoukankan      html  css  js  c++  java
  • 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
    }
    ]
    }
    }
  • 相关阅读:
    PHP 对Memcache的使用实例
    PHP Memcache 扩展安装
    Effective STL 读书笔记
    windows下安装和使用scrapy
    使用insert ignore来避免向数据库重复插入数据
    2017年末
    归并排序
    二叉树的中序遍历
    正则表达式
    tinymq学习小结
  • 原文地址:https://www.cnblogs.com/fengch/p/9936510.html
Copyright © 2011-2022 走看看