资讯专栏INFORMATION COLUMN

webpack is not defined错误解决

xioqua / 2689人阅读

摘要:文件已多次提及的唯一入口文件打包后的文件存放的地方打包后输出文件的文件名在配置文件里添加在的部分的里进行配置即可添加对样式表的处理的时候此处出错出错图片解决方法只需在此文件头部加上即可

1、 webpack.config.js文件:

module.exports = {
    devtool: "eval-source-map",
  entry:  __dirname + "/app/a.js",//已多次提及的唯一入口文件
  output: {
      // devtool: "eval-source-map",
    path: __dirname + "/public",//打包后的文件存放的地方
    filename: "bundle.js"//打包后输出文件的文件名
  },  
   module: {//在配置文件里添加JSON loader
    loaders: [
    {
        test:/.json$/,
        loader:"json-loader"
    },
        {
        test: /.js$/,
        exclude: /node_modules/,
        loader: "babel-loader",//在webpack的module部分的loaders里进行配置即可
        
      },
      {
        test: /.css$/,
        loader: "style-loader!css-loader?modules"//添加对样式表的处理
      }
    ]
  },
    plugins: [
    new webpack.BannerPlugin("Copyright Flying Unicorns inc.")
  ]//????????????????npm start的时候此处出错
}

2、出错图片

3、解决方法:
只需在此文件头部加上 var webpack = require("webpack");即可

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/88129.html

相关文章

  • webpack选择性编译DefinePlugin(打包自动剔除测试数据)

    摘要:选择性编译是指根据打包是环境的不同,选择性地让特定的语句有效,让特定的语句无效。选择性编译是笔者自己瞎想出来的名词,不知道用的对不对。检测时,还没有被替换掉。 背景 程序在开发的过程中,少不了打印调试用的日志,测试流程时伪造的数据。这些代码是不能出现在生产环境上的。这意味着在程序打包前,需要把相关代码剔除掉。这些事情用人手去做很麻烦,很容易疏漏。而且打包出来测试时遇到了bug,又得重新...

    王军 评论0 收藏0
  • webpack中imports-loader,exports-loader,expose-loade

    摘要:有几个和模块化相关的,,比较容易混淆。注意,我们并没有引入。所以运行的结果是。同时,我们指定了变量。等于是在文件的最顶上,加上了。实际情况大致如此。把一个模块导出并付给一个全局变量。假如中有代码,那么后的值就为我们这里只讨论浏览器环境。 Webpack有几个和模块化相关的loader,imports-loader,exports-loader,expose-loader,比较容易混淆。...

    why_rookie 评论0 收藏0
  • 关于vuejs-templates/webpack 中 “exports is not define

    摘要:利用脚手架搭建的项目,使用的是的模板。但在引用第三方组件的时候,在浏览器中报错。根据浏览器报错信息,查询到报错来源是第三方组件的一段代码这是使用了写法,而在应用中并没有做相应的模块转换使得浏览器能够识别。 利用vue-cli脚手架搭建的项目,使用的是vuejs-templates/webpack的模板。但在引用第三方组件的时候,在浏览器中报错exports is not defined...

    nicercode 评论0 收藏0
  • Vuejs 的 dist 文件使用指南

    摘要:平时的即后缀文件不需要版本,直接即可。解决方案这里使用配置的为例,整理为个版本的配置。使用时加载版本。比如的介绍还有前所未有的块新语法,让支持覆盖子组件样式问题最近的表示可以用代替用这么潮的框架,就是累人啊啊啊啊。 问题 项目里几个 Vuejs 版本都遇到过 vue.runtime.common.js 的报错提示: vue 2.0.7 vue.runtime.common.js:519...

    gghyoo 评论0 收藏0
  • window onerror 各浏览器下表现总结

    摘要:各浏览器下表现总结做前端错误上报,必然离不开,但在不同设备上表现并不一致,浏览器为避免信息泄露,在一些情况下并不会给出详细的错误信息,本文的目的就是通过跑一些简单的小例子,验证在不同浏览器下的具体表现。 window onerror 各浏览器下表现总结 做前端错误上报,必然离不开window onerror,但window onerror在不同设备上表现并不一致,浏览器为避免信息泄露,...

    rickchen 评论0 收藏0

发表评论

0条评论

xioqua

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<