Webpack devServer with A/B Testing Development - google-chrome

I'm developing a framework for developing A/B Tests using webpack.
I want to run "watch files" or webpack dev server to launch the website I'm doing A/B testing for and inject my script and CSS and auto-update them as I'm coding in the IDE.
I think that can be done with the help of a chrome extension, but the exact way is what I need.
any help?

Related

Vue Source files not showing genuine source

We are having a problem viewing our vue templates in Chrome dev tools. This is a recent issue, it's been working fine for a couple of years.
Our app is a legacy MVC app, with new development in vue, using web pack to compile the source code.
To compile for development, we run:
npx webpack --mode development --watch
In the webapck.config we have devtool: "inline-source-map" set.
However, in the last couple of weeks, the components now look like this:
I don't know if a package has been updated or it's a Chrome thing. I can see Chrome is mapping it to a source file, but I don't really know what I'm looking at - maybe some kind of pointer file. I'm not really a UI guy, so I find it frustrating when stuff that used to work, no longer does!

How to use self-built Electron binaries with electron-builder

I've built my own Electron binaries. I've put those binaries into ./node_modules/electron/dist. Everything works fine when running the app with npm start from the development environment, but when packaging the app with electron-builder, Electron lacks that functionality that I added. It looks like electron-builder does not take whats in node_modules/electron when packaging an app.
Can somebody tell how I can use own Electron binaries with electron-builder?
It can be achieved by using the electronDist property in the electron-builder's build section of package.json.

How would I run integration tests from vivet/googleApi?

I am trying to work out how I would integrate this shared library from GitHub into my code, since it is a shared class library, for starters I just want to run the integration tests, but I cannot work out how go get the test runner to run them.
I created a console application in my main project and a reference to the GoogleMapsApiTest in the console but I am not sure how to call the tests from there to run them.
GoogleAPIClassLibrary
I had to download the gui test runner and build it from GitHub. Link to project
now I can at least run the tests, I am still not sure how to use the library but that should help at least see how it is supposed to work.
I was able to run the unit tests by downloading the NUnit source code at the link in my post and then browsing to the output dll of the class project, to load the tests apparently the gui-test runner is no longer available for download, so hopefully that will help someone else out if they run into a need for running tests in NUnit.

Eclipse Basic Web Development?

I want to start doing web development with Eclipse. Not Java, tomcat, axis2, or anything else anymore complicated than basic XHTML / JS / CSS development, at this time.
Problem 1: I realize that it can edit those files, but its trying to manage my HTML docs as part of "my workspace", and all I want it to do is manage the files as part of my local www server HTdocs directory.
Problem 2: I would like to edit WYSIWYG-style, if possible. I tried installing a plug-in for that, but I wasn't able to get w4 toolkit to function properly. This would really help me to speed up development, I think.
Follow-up:
I've installed WTP and its dependencies (except for the tests portion, which had install problems due to dependencies that were seemingly irreconcilable).
You can link a folder in your workspace to somewhere on your filesystem. So in your case you could create a folder in your Eclipse project called "html" and link it to your Apache htdocs folder.
You should try Aptana Studio. It's available either as a stand-alone install (based on Eclipse) or as an Eclipse plugin. It has a good reputation for Web App dev.
Why not start with a web design software? Once you have the web pages laid out the way you want them, you can add them to your web application in eclipse. Eclipse is great for application development. Even though it can handle some page builder needs, it's probably not as good as a web design tool. In your case, you end up having to install plug-ins for page building.
Eclipse is software for coding, it's not designed for WYSIWYG editing. If you want WYSIWYG, you should use Dreamweaver or suchlike.
If you want to use Eclipse for what is good for, coding, the main alternatives are Web Tools Platform which is quite basic and could be already pre-installed depending on what version of Eclipse you got, and Aptana Studio. which is quite bloated.

Enabling Ant Tools in a new Eclipse Galileo installation

I have recently installed Eclipse Galileo with the PHP Developers Tools. I plan to install the Flash Builder 4 Plug-in to do ActionScript development as well.
I want to use Eclipse to both create an ant build script and execute it to compile ActionScript docs from an ActionScript 3 code library.
The problem is that when I try to run a build.xml file (which every site that answers the ant build questions says it should handle automatically) I never see an option to run it as an Ant Build, not can I find any way to associate XML files to Ant in the Preferences or External Tools dialogs.
I;ve seen numerous tutorials on build Ant build files, but never anything about running the actual build script.
Try to install "Eclipse Java EE Developer Tools" component. It's in "Web, XML, and Java EE Development" of "Galileo - http://download.eclipse.org/releases/galileo" repository.