Webpack

Browser cache problems with webpack chunks and vue.js components

[亡魂溺海] 提交于 2021-02-07 07:23:40
问题 The Problem I have a problem with cached Vue.js components and I can't reproduce this problem on my devices but every client-side update we get users complains about broken interfaces and only clearing browser cache helps. I use Laravel + Vue.js and it's multipage app. Strategy All components described in one file which included in app.js and it looks like this: Vue.component('task-feed', () => import('./components/task/task-feed'/* webpackChunkName: "/js/components/task-feed" */)); Vue

webpack share data between custom loader and plugin

安稳与你 提交于 2021-02-07 06:45:08
问题 Explanation I'm developing a webpack custom loader, that is in charge of parsing the javascript and search for certain text using regex. I need to have a way to collect the data between each parsed file and finally pass that data to a related plugin, so that the plugin can make the appropriate action with that data. My failed strategy I can use a module to share data between loader calls, but this data is not available in the plugins. Suggestions ? I've been looking at the way the extract

Webpacker::Manifest::MissingEntryError in Hello#index ( ruby on rails)

谁说胖子不能爱 提交于 2021-02-07 06:24:15
问题 I have downloaded the Honeybadger webpack example and run bundle install . I don't have any errors in terminal, yet get the following when I start my server: Webpacker can't find application.js in /Users/admin/Documents/sourcemap/honeybadger-rails-webpacker-example/public/packs/manifest.json. Possible causes: 1. You want to set webpacker.yml value of compile to true for your environment unless you are using the `webpack -w` or the webpack-dev-server. 2. Webpack has not yet re-run to reflect

Webpacker::Manifest::MissingEntryError in Hello#index ( ruby on rails)

故事扮演 提交于 2021-02-07 06:23:19
问题 I have downloaded the Honeybadger webpack example and run bundle install . I don't have any errors in terminal, yet get the following when I start my server: Webpacker can't find application.js in /Users/admin/Documents/sourcemap/honeybadger-rails-webpacker-example/public/packs/manifest.json. Possible causes: 1. You want to set webpacker.yml value of compile to true for your environment unless you are using the `webpack -w` or the webpack-dev-server. 2. Webpack has not yet re-run to reflect

Webpacker::Manifest::MissingEntryError in Hello#index ( ruby on rails)

随声附和 提交于 2021-02-07 06:22:21
问题 I have downloaded the Honeybadger webpack example and run bundle install . I don't have any errors in terminal, yet get the following when I start my server: Webpacker can't find application.js in /Users/admin/Documents/sourcemap/honeybadger-rails-webpacker-example/public/packs/manifest.json. Possible causes: 1. You want to set webpacker.yml value of compile to true for your environment unless you are using the `webpack -w` or the webpack-dev-server. 2. Webpack has not yet re-run to reflect

Webpacker::Manifest::MissingEntryError in Hello#index ( ruby on rails)

拥有回忆 提交于 2021-02-07 06:22:09
问题 I have downloaded the Honeybadger webpack example and run bundle install . I don't have any errors in terminal, yet get the following when I start my server: Webpacker can't find application.js in /Users/admin/Documents/sourcemap/honeybadger-rails-webpacker-example/public/packs/manifest.json. Possible causes: 1. You want to set webpacker.yml value of compile to true for your environment unless you are using the `webpack -w` or the webpack-dev-server. 2. Webpack has not yet re-run to reflect

Use font-awesome in a Vue app created with vue-cli webpack

强颜欢笑 提交于 2021-02-07 05:07:13
问题 I'm trying to use the font-awesome in a simple Vue app created with vue-cli using the webpack-simple template, but this is being tricky. I installed font-awesome using npm install font-awesome --save and imported it in my entry js (main.js) import Vue from 'vue' import App from './App.vue' import VueRouter from 'vue-router'; import Home from "./components/Home.vue" Vue.use(VueRouter); import 'font-awesome/css/font-awesome.css'; const routes = [ { path: '/', component: Home } ]; const router =

Use font-awesome in a Vue app created with vue-cli webpack

两盒软妹~` 提交于 2021-02-07 05:05:50
问题 I'm trying to use the font-awesome in a simple Vue app created with vue-cli using the webpack-simple template, but this is being tricky. I installed font-awesome using npm install font-awesome --save and imported it in my entry js (main.js) import Vue from 'vue' import App from './App.vue' import VueRouter from 'vue-router'; import Home from "./components/Home.vue" Vue.use(VueRouter); import 'font-awesome/css/font-awesome.css'; const routes = [ { path: '/', component: Home } ]; const router =

Running Angular 5 app inside webworker causes window object to be undefined

老子叫甜甜 提交于 2021-02-07 02:13:29
问题 I am trying to upgrade this (ngx-admin) free Angular template to Angular 5 and then trying to run the whole app inside WebWorker as mentioned in this SO Post. I successfully upgraded the app to Angular 5 and it is working fine but when I try to configure the app to run inside Webworker it gives me following error: The complete code (modified to Angular 5 and webworker) can be found here I tried to add DefinePlugin in my webpack config but no luck. webpack.config.json: new DefinePlugin({

Running Angular 5 app inside webworker causes window object to be undefined

让人想犯罪 __ 提交于 2021-02-07 02:04:49
问题 I am trying to upgrade this (ngx-admin) free Angular template to Angular 5 and then trying to run the whole app inside WebWorker as mentioned in this SO Post. I successfully upgraded the app to Angular 5 and it is working fine but when I try to configure the app to run inside Webworker it gives me following error: The complete code (modified to Angular 5 and webworker) can be found here I tried to add DefinePlugin in my webpack config but no luck. webpack.config.json: new DefinePlugin({