webpack2_编程技术问答社区_程序员问答知识库

以下是关于 webpack2 的编程技术问答

react.js - 使用webpack2中的System异步的组件，定义ref不生效

类似这种方式，动态再render中设定ref是可以获取的，但是让lazilyLoad一封装ref就不生效了，可是其他的props是有的，不明白发生了什么.. 没有用过这个组件的可以看下面LazilyLoad的组件. import React from 'react'; /** * @function 支持异步加载的封装组件 */ class LazilyLoad extends React.Component { constructor() { super(...arguments); this.state = { isLoaded: false, }; } componentWillMount() { this.load(this.props); } componentDidMount() { this._isMoun

162 2022-07-19 编程技术问答社区 react.js webpack2

css-loader - webpack2打包时css文件提取失败

用webpack2打包时提示如下错误文件结构和webpack配置文件如下 webpack.config.js const HtmlWebpackPlugin = require('html-webpack-plugin') const webpack = require('webpack') module.exports = { entry: './src/index.js', output: { filename: './src/index.js', }, module: { rules: [ { test: /\.ts$/, loader: "ts-loader", exclude: "/node_modules/", }, { test: /\.html$/, loader: "html-loader",

196 2022-07-19 编程技术问答社区 style-loader css-loader webpack2

webpack2.1 Tree-shaking 无效？

问题 // index.js const a = require('./a') a.a1(); //a.js exports.a1 = function () { console.log('a1'); } exports.a2 = function () { console.log('a2'); } exports.a3 = function () { console.log('a3'); } // webpack.config.js var webpack = require('webpack'); module.exports = { entry: {"index":"./index.js"}, output: { filename : '[name].js', }, module: { rules: [ ] }, resolve: {

198 2022-07-19 编程技术问答社区 webpack2 webpack

vue.js - 用了vue-cli的webpack配置后要怎么debug

我以前用的是我自己的webpack多页脚手架(Array-Huang/webpack-seed)，最近开始用vue-cli的webpack模板，发现了一个问题：我感觉报的错老是被“吃掉”了，也不知道是被vue吃掉了还是被webpack某个plugin吃掉了，看console里的报错完全看不出来是哪里的问题：我之前用自己的webpack脚手架来写vue都能报出来是具体哪一行出的错，然后出的什么错，怎么换了用vue-cli的模板就不行了呢？我在猜测这到底是哪个webpack配置的问题呢？还是说我现在改成单页模式以后，代码都是异步加载（require.ensure()）的缘故？

414 2022-07-19 编程技术问答社区 debug vue.js vue-cli webpack2 webpack

vue.js - vue部署到tomcat后，通过proxyTable配置的跨域路径都访问不到了？

第一次用vue做项目，开发的时候是通过axios向后端发请求获取数据的，所以涉及到跨域的问题，谷歌之后发现vue提供了proxyTable设置跨域的访问问题，设置之后，可以正常拿到数据了，配置如下：访问的时候通过设置vue全局变量，如下get请求： Vue.prototype.HOST = '/api'; Vue.prototype.GRAD_HOST = '/grad'; created () { let appId = this.Utils.getIds().appId; let openId = this.Utils.getIds().openId; let url = this.HOST + '/market/customerVIPList.htm?openId='+openId+'&appId='+appId; this.$vux.loading.show({text: '加载中'}); this.$http.get(u

2396 2022-07-19 编程技术问答社区 webpack2 vue-router vue.js

vue.js - webpack2 下 vue2 怎么优雅调试 css

例如如上图，无法知道这个css类是在哪个文件的哪一行，在js 里面 import 代码 import 'material-design-icons/iconfont/material-icons.css' webpack { test: /\.(css|scss|sass)$/, loader: "vue-style-loader!css-loader!sass-loader" }, devtool: '#cheap-module-eval-source-map' vue-loader 选项 loaders: { css: 'vue-style-loader!css-loader', scss: 'vue-style-loader!css-loader!sass-loader', }, 还有写在 .vue 里面的 style 又该怎么显示指定行？

276 2022-07-19 编程技术问答社区调试 css vue.js webpack2

javascript - 请问在webpack2中使用expose-loader的正确姿势

问题这两天试着把我的脚手架项目webpack-seed升级到webpack2，发现了一个问题：我用来兼容jquery插件的expose-loader在webpack2的环境下报错了。由于expose-loader最近并未更新，所以更别提更新官方文档了，github上放着的还是webpack1时的示例代码，所以我是这么用的： { test: require.resolve('jquery'), loader: 'expose-loader?$', options: { $: true, }, }, 然后编译打包的时候就报了如下的错误： ERROR in ./~/jquery/dist/jquery.js Module build failed: TypeError: this.query.substr is not a function at Object.module.

262 2022-07-19 编程技术问答社区 webpack2 前端 webpack javascript

webpack2 - 用webpack的CommonsChunkPlugin提取出vendor.js，本地没问题，放上服务器报错

在线地址：http://104.224.186.43:4000/ 在本地跑，一样的代码就没报错，能运行。我是直接把/dist目录下的文件上传到服务器的，服务器的文件夹没有webpack，但应该不关事吧。。。。。请问是什么问题呢

302 2022-07-19 编程技术问答社区 webpack2 webpack

javascript - gulp执行webpack任务时, 文件生成, loader没被执行.

问题 gulpfile.js 配置文件 var gulp = require('gulp'); var webpack = require('webpack-stream'); var named = require('vinyl-named'); gulp.task('default', function () { return gulp.src('./resource/js/app.js') .pipe(webpack( require('./webpack.config.js') )) .pipe(gulp.dest('./public/js/')); }); webpack.config.js 配置文件 module.exports = { entry : './resource/js/app.js', output : { filename : 'bundle.js' },

188 2022-07-19 编程技术问答社区 javascript gulp webpack2

javascript - webpack 打包的疑问

目录结构和webpack.config文件，如下：执行命令 webpack webpack.config.js后，报错如下：疑问我在配置文件里并没有写要打包node_modules里面的文件，但是貌似node_modules里面的webpack模块里的内容也被打包了。这是不是导致了 can't not resolve 'fs' 这种错。有没有小伙伴也遇到了这种问题，求助大神来解答下小弟的疑问！我的版本如下：

112 2022-07-19 编程技术问答社区 javascript node.js webpack2

前端 - webpack dev server UI访问不了

我装的是webpack2，webpack dev server已经以inline模式run起来了，但是浏览器访问不了，求教 webpack.config.js: 代码目录结构： server运行情况：现在有一个新问题，就是改public/index.html页面不会自动刷新，加了--watch和--hot也不起作用

130 2022-07-19 编程技术问答社区前端 node webpack2

webpack2 - webpack打包的时候提示找不到文件，可是文件路径是对的这是为什么？

错误提示是这个代码结构：代码： 1.webpack.config.js var path=require('path'); module.exports={ entry:{ index:'./web/main.js', }, output:{ path:path.resolve(__dirname,'dist'), filename:'[name].js' }, } 2.main.js require(['demo2/demo2.js'],function(demo2){ console.log(demo2.sum) }) 3.demo2/demo2.js define(['../demo1/demo1.js'],function(demo1){ var sum; var num=demo1.num; sum=num+1;

510 2022-07-19 编程技术问答社区 webpack2 webpack

javascript - 在使用ckeditor.inline()时报错求助。

问个问题在使用的时候是这样使用的在js文件中这样引用 require('common/lib/ckeditor/ckeditor.js'); 但是会报这样的错在html中单独引入这个js是不报错的这是为什么呢还是说不能这么写。

150 2022-07-19 编程技术问答社区 webpack2 javascript ckeditor

vue.js - webpack2.0中,import依赖的模块会报错

有两个模块a.js,b.js，a是公共模块，然后再b里import a from "a.js"，报了以下错误(单独引入a是正常的), 相关依赖：求指导是什么问题导致？补充贴图： webpack.config.js相关配置：

290 2022-07-17 编程技术问答社区 webpack2 vue.js

javascript - webpack2 postcss-loader 使用 autoprefixer 无法生效

1.package.json "devDependencies": { "@types/jasmine": "2.5.36", "@types/node": "^6.0.45", "angular2-template-loader": "^0.6.0", "autoprefixer": "^7.1.1", "awesome-typescript-loader": "^3.0.4", "css-loader": "^0.26.1", "extract-text-webpack-plugin": "^2.1.0", "file-loader": "^0.9.0", "html-loader": "^0.4.3", "html-webpack-plugin": "^2.16.1", "jasmine-core": "^2.4.1", "karma": "^1.2.0", "karma-

156 2022-07-17 编程技术问答社区 javascript webpack2 postcss

vue.js - 使用vue-cli+webpack构建项目打包时，不打包某个js文件?

问题在用vue-cli+webpack官方提供的那一套，最后执行 npm run build 时，我有的js文件不需要进行打包，只是需要在生成的index.html文件中引入即可。该如何配置“配置文件”？解决方案这些文件放到 static 目录下，然后在 index.html 里直接使用 script 标签引入即可，引入路径是 /static/xxx.js。这些文件声明全局变量、函数的话，在 .eslintrc.js 中配置 globals，然后在需要用到的地方直接使用就可以了。 globals 是一个对象，对象键名是可以全局使用的变量、函数名，键值为 true 表示该变量可读写，false 表示只读（不会出来在赋值语句的等式左侧）。举例如下： "globals": { "globalVar1": true, "jQuery": false, "$": false } 也可以直接在 js 代码中通过注释声明 global

3234 2022-07-17 编程技术问答社区 webpack2 vue.js

vue.js - webpack打包vue后运行出现Error in mounted hook: (found in <Root>)

这两天学习使用webpack，尝试把vue，vue-resoucese，mdui，还有自己写的main.js和style.css打包成bundle.js，打包成功没有报错，但是vue会在console报错不能用，很疑惑，来请教一下大家入口main.js 但是html引入bundle.js后vue是报错的，console页面如下这里是webpack的配置文件 var webpack = require('webpack'); var path = require('path'); module.exports = { entry: './src/main.js', output: { path: path.resolve(__dirname, "dist"), filename: 'bundle.js' }, module: { loaders: [ {

310 2022-07-17 编程技术问答社区 vue.js webpack2 webpack

vue.js - html-webpack-plugin

用html-webpack-plugin怎么只加载打包后的文件？我打包后打包前和打包后的js文件都加载了。不是把引用的模板中的js去掉。

154 2022-07-17 编程技术问答社区 vue.js webpack2

webpack2 - webpack打包一个目录里的所有图片有什么方便的写法么？

问题必须一个一个require么，有没有针对目录的写法？解决方案可以通过require.context function requireAll(r) { r.keys().forEach(r); } requireAll(require.context('./modules/', true, /\.js$/)); 也可以试试contents-loader，这个是用fs读取文件夹信息的。

120 2022-07-17 编程技术问答社区 webpack入门 webpack2 webpack

javascript - babel-loader没有起作用？webpack

问题 webpack2中使用babel-loader转化es6代码，但是最后的bundle.js中并没有看到预期的结果，还是存在es6的语法，let，函数参数默认值等情况。。以下是我的webpack的配置部分： var path = require("path"); var vuxLoader = require('vux-loader'); var webpack = require('webpack'); function resolve (dir) { return path.join(__dirname, '..', dir) } var webpackConfig = { entry: { // app: ["./app/cart.js"] app: ["./app/goodsDetail.js"] // app: ["./app/center.js"] }, output

266 2022-07-17 编程技术问答社区 javascript webpack2 babel-loader