• 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
    }
    ]
    }
    }
  • 相关阅读:
    SDN作业(4)
    SDN作业(3)
    第一次个人编程作业
    SDN作业(2)
    SDN作业(1)
    第一次博客作业
    浅谈闭包
    预编译And作用域链
    定时器
    window事件
  • 原文地址:https://www.cnblogs.com/fengch/p/9936510.html
Copyright © 2020-2023  润新知