4
票
Accepted
webpack での jquery の $ 変数の扱いについて
コードの順番に関係無く、importやrequireでモジュールのファイルを読み込む処理が最初に実行され、その後に地の文にある処理が実行されるからです。
どういうことかというと、import '../vendor/jQuery-Validation-Engine/js/jquery.validationEngine';の方が、globalThis.jQuery = globalThis.$ = ...
3
票
Accepted
Rails + webpacker における global と window と config/webpack/environment.js の違い
それぞれについて「一体何をしているのか?」を理解しておく必要があります。
windowやglobalはグローバルオブジェクトというものです。歴史的な経緯でグローバルオブジェクトはJavaScriptの実装によって名前が異なっており、ブラウザではwindow、Node.jsではglobalを使っていました。これは混乱のもとなっていたため、最新のECMAScript(...
2
票
Accepted
UAParser.js をインポートできない
Babel はデフォルトでは、読み込むファイルを ES モジュールだと想定しパースします[1]。一方で ua-parser-js は CommonJS モジュールにのみ対応[2]しています。この状況で babel によるトランスパイルを行うと、 babel は ua-parser-js を import 文と同様の方法で読み込もうとします。しかし、 ua-parser-js は import ...
1
票
Accepted
Node.js+VUE.JSにてリクエストヘッダにX-Forwarded-forを付与してバックエンドにPOSTしたい
WebPackのDevServerはproxyを利用してください
devServer:{
proxy:{
onProxyReq:function(proxyReq,req,res){
proxyReq.setHeader("X-Forwarded-for",req.connection.remoteAddress);
}
}
}
...
1
票
Accepted
webpackのdevServer はどうやって立ち上げるのでしょうか?
webpack-dev-serverですが、7月にリリースされたv4より設定のスキーマが変更されているようです。
マイグレーションガイドのこのあたりがエラーの該当箇所ですね。
--- webpack.config.js.orig
+++ webpack.config.js
@@ -23,8 +23,9 @@
devServer: {
- contentBase: path....
1
票
Accepted
Rails6/Webpacker環境で外部JSファイル内でHTMLのIDを取得したい
app/javascript/chk_waittime/index.jsを下記のように
window.onload = function() {} で囲うことで解決しました。
javascriptが読み込まれるタイミングが原因のようです。
変更前
document.getElementById('post_waittime').onclick = function(){
alert('...
Only top scored, non community-wiki answers of a minimum length are eligible
関連するタグ
webpack × 53javascript × 24
ruby-on-rails × 10
node.js × 10
npm × 7
vue.js × 6
babeljs × 6
typescript × 5
reactjs × 4
jquery × 3
css × 3
docker × 2
heroku × 2
nuxt.js × 2
electron × 2
ecmascript-6 × 2
ruby × 1
html × 1
aws × 1
laravel × 1
json × 1
angularjs × 1
rails-activerecord × 1
amazon-ec2 × 1
docker-compose × 1