Als «webpack» getaggte Fragen

In einigen Webpack-Beispielen sehen Sie Verweise auf ein "Regeln" -Array: module.exports = { module: { rules: [ { test: /\.scss$/, use: ExtractTextPlugin.extract({ fallback: 'style-loader', //resolve-url-loader may be chained before sass-loader if necessary use: ['css-loader', 'sass-loader'] }) } ] }, plugins: [ new ExtractTextPlugin('style.css') //if you want to pass in options, …

76 webpack 

Wie kann ich mit einem Webpack die Eingabe / Ausgabe mehrerer Dateien im Projekt festlegen? Ich folge http://webpack.github.io/docs/tutorials/getting-started/ Erfolgskompilierung, wenn nur eine Datei in einem Eintrag / einer Ausgabe ... Verzeichnis app webpack.config.js ./assets ././javascripts/Administrator/Article/Create/Base.js ././javascripts/Administrator/Article/Edit/Base.js ././javascripts/Account/Index/Base.js ././javascripts/Contact/Index/Base.js ... wie so ausgeben? ././javascripts/Administrator/Article/Create/bundle.js ././javascripts/Administrator/Article/Edit/bundle.js ././javascripts/Account/Index/bundle.js ././javascripts/Contact/Index/bundle.js webpack.config.js module.exports = { …

76 javascript  node.js  webpack 

Wie deaktiviere ich ein ESlintProjekt, das mit erstellt wurde vue-cli? preLoaders: [ { test: /\.vue$/, loader: 'eslint', include: projectRoot, exclude: /node_modules/ }, { test: /\.js$/, loader: 'eslint', include: projectRoot, exclude: /node_modules/ } ] Wenn ich die loader: 'eslint'Zeile entferne , wird sie nicht kompiliert, ebenso wie das Setzen einer leeren …

76 javascript  webpack  vue.js  vue-cli 

Insbesondere beim Übergang von Webpack v1 zu v2 wäre es wichtig, programmgesteuert zu bestimmen, welche Webpack- Version installiert ist, aber ich kann anscheinend keine geeignete API finden.

75 javascript  node.js  webpack  webpack-2  webpack-3 

Ich versuche, eine Bilddatei in eine meiner Reaktionskomponenten zu importieren. Ich habe das Projekt mit Web Pack eingerichtet Hier ist mein Code für die Komponente import Diamond from '../../assets/linux_logo.jpg'; export class ItemCols extends Component { render(){ return ( <div> <section className="one-fourth" id="html"> <img src={Diamond} /> </section> </div> ) } } …

75 javascript  reactjs  webpack 

Ich habe hier und hier in den Dokumenten nachgeschlagen , StackOverflow- und GitHub-Diskussionen durchsucht und kann diese Informationen immer noch nicht finden. Gibt es eine Ressource oder weiß jemand, ob die Reihenfolge der Plugins in Webpack von Bedeutung ist? Und wie funktioniert die Bestellung?

74 webpack 

Ich versuche, einer React-basierten Website, die ich mit Webpack erstellt habe, ein Favicon hinzuzufügen. Es war ein totaler Albtraum, ein Favicon hinzuzufügen, und ich habe viele Lösungen ohne Erfolg ausprobiert. Die neueste Lösung, die mir empfohlen wurde, heißt 'favicons-webpack-plugin' und ist hier zu finden: https://github.com/jantimon/favicons-webpack-plugin . Wenn mir jemand sagen …

74 javascript  node.js  reactjs  webpack  favicon 

Webpack-Dokumente Mit der Funktion require.context () können Sie Ihren eigenen Kontext erstellen. Großartig. Was ist ein "Kontext"? Was macht das eigentlich? Sie können ein zu durchsuchendes Verzeichnis übergeben, ein Flag, das angibt, ob auch Unterverzeichnisse durchsucht werden sollen, und einen regulären Ausdruck, mit dem Dateien abgeglichen werden. Erlaubt mir "suchen"? …

74 webpack 

Ich bin neu in Mocha und versuche damit eine einfache React-Komponente zu testen. Der Test wird bestanden, wenn die Reaktionskomponente kein CSS-Design hat, aber einen Syntaxfehler auslöst, wenn das Tag in der Reaktionskomponente einen Klassennamen enthält: Testing.react.js import React from 'react'; export default class Testing extends React.Component { render() { …

73 unit-testing  reactjs  mocha  webpack  webpack-dev-server 

Ich verwende die folgende Umgebungsvariable in meiner Create-React-App: console.log(process.env.REACT_APP_API_URL) // http://localhost:5555 Es funktioniert, wenn ich npm starteine .envDatei lese : REACT_APP_API_URL=http://localhost:5555 Wie setze ich einen anderen Wert wie http://localhost:1234beim Ausführen von a npm run build? Das ist meine package.jsonDatei: { "name": "webapp", "version": "0.1.0", "private": true, "devDependencies": { "react-scripts": "0.9.0" …

73 reactjs  webpack  frontend  create-react-app  react-scripts 

Ok, um das einfach zu erklären: Ich habe 3x Seiten. Page 1 (Startseite) Seite 2 (Menü) Page 3 (Über) Seite 1 hat a- <router-link to="/menu"> Schaltfläche, die beim Klicken Routen zu "/ menu". Im Moment hat Seite 2 (Menü) eine <router-link to="/"> Klicken Sie auf diese Schaltfläche, und wenn Sie …

72 javascript  webpack  vue.js  vuejs2  vue-router 

Irgendeine Idee, wie man damit umgeht? Ich meine, jquery-ui scheint nicht amd zu sein und ich weiß nicht, wie ich damit umgehen soll, irgendeine Idee?

72 jquery-ui  webpack 

Ich habe mich kürzlich mit Rollup befasst und festgestellt , wie es sich von Webpack und anderen Bundlern unterscheidet. Eine Sache, auf die ich gestoßen bin, war, dass es für Bibliotheken wegen "flacher Bündelung" besser ist. Dies basiert auf einem Tweet und einer kürzlich veröffentlichten PR für React zur Verwendung …

70 reactjs  webpack  bundler  rollupjs 

Ich habe die folgenden webpack.config.js var path = require("path"); var webpack = require('webpack'); module.exports = { entry: { 'ng2-auto-complete': path.join(__dirname, 'src', 'index.ts') }, resolve: { extensions: ['', '.ts', '.js', '.json', '.css', '.html'] }, output: { path: path.join(__dirname, 'dist'), filename: "[name].umd.js", library: ["[name]"], libraryTarget: "umd" }, externals: [ /^rxjs\//, //.... any …

70 typescript  webpack 

Ich verwende webpack mit HtmlWebpackPlugin, html-loaderund file-loader. Ich habe eine einfache Projektstruktur, in der ich keine Frameworks verwende, sondern nur Typoskript. Daher schreibe ich meinen HTML-Code direkt in index.html. Ich verwende diese HTML-Datei auch als Vorlage in HtmlWebpackPlugin. Wie bei allen Websites muss ich ein Bild, das auf ein PNG …

40 javascript  html  webpack