草庐IT

Webpack4

全部标签

javascript - 如何在Vue+webpack+vue-loader项目中导入不同js文件的函数

(请参阅结尾了解为什么这不是HowdoIincludeaJavaScriptfileinanotherJavaScriptfile?的骗局)Javascipt+Vue+webpack+vue-loader新手...在最简单的事情上绊倒了!我有App.vue,它有一个模板:我已经在methods中以Vue的正常方式声明了isTokenAvailable方法。它使用我在单独的js文件中编写的函数:import*asmylibfrom'./mylib';exportdefault{....methods:{isTokenAvailable:()=>{returnmylib.myfunc();

javascript - webpack:同一模块中的 import + module.exports 导致错误

我正在使用webpack开发一个网站。当我有这样的代码时:import$from'jquery';functionfoo(){};module.exports=foo;我收到错误UncaughtTypeError:Cannotassigntoreadonlyproperty'exports'ofobject'#'.结果是改变import$from'jquery'至var$=require('jquery')不要造成任何错误。为什么使用module.exports导入会导致此错误?改用require有什么问题吗? 最佳答案 您不能混合

javascript - webpack:同一模块中的 import + module.exports 导致错误

我正在使用webpack开发一个网站。当我有这样的代码时:import$from'jquery';functionfoo(){};module.exports=foo;我收到错误UncaughtTypeError:Cannotassigntoreadonlyproperty'exports'ofobject'#'.结果是改变import$from'jquery'至var$=require('jquery')不要造成任何错误。为什么使用module.exports导入会导致此错误?改用require有什么问题吗? 最佳答案 您不能混合

javascript - 如何在 webpack 中配置 font-awesome-webpack 的字体文件输出目录?

我刚刚安装了font-awesome-webpack。我使用以下方法导入它:require("font-awesome-webpack");我的webpack配置在我的模块加载器数组中包含以下内容:{test:/\.woff(2)?(\?v=[0-9]\.[0-9]\.[0-9])?$/,loader:"url-loader?limit=10000&minetype=application/font-woff"},{test:/\.(ttf|eot|svg)(\?v=[0-9]\.[0-9]\.[0-9])?$/,loader:"file-loader"}问题是我在开发人员控制台中收到

javascript - 如何在 webpack 中配置 font-awesome-webpack 的字体文件输出目录?

我刚刚安装了font-awesome-webpack。我使用以下方法导入它:require("font-awesome-webpack");我的webpack配置在我的模块加载器数组中包含以下内容:{test:/\.woff(2)?(\?v=[0-9]\.[0-9]\.[0-9])?$/,loader:"url-loader?limit=10000&minetype=application/font-woff"},{test:/\.(ttf|eot|svg)(\?v=[0-9]\.[0-9]\.[0-9])?$/,loader:"file-loader"}问题是我在开发人员控制台中收到

javascript - 带有 babel-loader 的 Webpack 无法识别 import 关键字

我有这个webpack.config.js:module.exports={entry:'./src/admin/client/index.jsx',output:{filename:'./src/admin/client/static/js/app.js'},loaders:[{test:/\.jsx?$/,loader:'babel',exclude:/node_modules/,query:{optional:['runtime']}}],resolve:{extensions:['','.js','.jsx']}};...但我仍然收到此错误:$webpack-vHash:2a9

javascript - 带有 babel-loader 的 Webpack 无法识别 import 关键字

我有这个webpack.config.js:module.exports={entry:'./src/admin/client/index.jsx',output:{filename:'./src/admin/client/static/js/app.js'},loaders:[{test:/\.jsx?$/,loader:'babel',exclude:/node_modules/,query:{optional:['runtime']}}],resolve:{extensions:['','.js','.jsx']}};...但我仍然收到此错误:$webpack-vHash:2a9

javascript - webpack 需要目录中的每个文件

这是我的文件结构-main.js-SomeDir-fileA.js-fileB.js如果我想加载(在main.js内)someDir中的每个文件而不指定文件名,我该怎么办-类似于:require(./someDir/*.js)? 最佳答案 解决方案:varreq=require.context("../someDir",true,/^(.*\.(js$))[^.]*$/igm);req.keys().forEach(function(key){req(key);});//orjust:req.keys().forEach(req)额

javascript - webpack 需要目录中的每个文件

这是我的文件结构-main.js-SomeDir-fileA.js-fileB.js如果我想加载(在main.js内)someDir中的每个文件而不指定文件名,我该怎么办-类似于:require(./someDir/*.js)? 最佳答案 解决方案:varreq=require.context("../someDir",true,/^(.*\.(js$))[^.]*$/igm);req.keys().forEach(function(key){req(key);});//orjust:req.keys().forEach(req)额

javascript - Webpack 4 对带有副作用的包有什么期望 : false

Webpack4添加了一项新功能:它现在支持在其bundle的模块的package.json中使用sideEffects标志。来自Webpack4:releasedtodayOverthepast30dayswehaveworkedcloselywitheachoftheframeworkstoensurethattheyarereadytosupportwebpack4intheirrespectivecli’setc.Evenpopularlibrary’slikelodash-es,RxJSaresupportingthesideEffectsflag,sobyusingthei