Tag: webpack

如果在webpack中有错误，请在dockerfile期间使docker退出

我build立一个图像部署在AWS连续部署，问题是，有时我在webpack中有错误，如果这样，该网站是不可用的，如何在Dockerfile期间，如果有错误，在Dockerfile期间，如何使Dockerfile退出？ 这是我的Dockerfile ： FROM *** COPY . /src COPY development.js /src/client/app/config/env WORKDIR /src RUN npm set progress=false RUN npm install –quiet node-sass@3.13.1 RUN npm install –quiet gifsicle@3.0.4 RUN npm install –quiet jpegtran-bin@3.2.0 RUN npm install –quiet optipng-bin@3.1.4 RUN npm install –quiet pngquant-bin@3.1.1 RUN npm install –quiet ENV NODE_ENV __NODE_ENV__ RUN gulp webpack –display-error-details RUN mkdir […]

Docker与vue-cli Webpack模板构build错误

尝试使用vue-cli Webpack样板创buildDocker构build时出现错误。 我可以使用以下版本的Node和npm在本地构build Node v7.10.0 npm v4.6 在本地机器上执行生产生成npm run build的命令是成功的。 docker中的相同命令会产生以下错误： ERROR in ./src/main.js Module build failed: Error: No ESLint configuration found. at getLocalConfig (/usr/local/strap/node_modules/eslint/lib/config.js:162:35) at Config.getConfig (/usr/local/strap/node_modules/eslint/lib/config.js:260:26) at processText (/usr/local/strap/node_modules/eslint/lib/cli-engine.js:224:33) at CLIEngine.executeOnText (/usr/local/strap/node_modules/eslint/lib/cli-engine.js:754:26) at lint (/usr/local/strap/node_modules/eslint-loader/index.js:211:17) at Object.module.exports (/usr/local/strap/node_modules/eslint-loader/index.js:206:21) Docker正在使用Node v7.10.0和npm v4.2。 在项目的根目录中定义了一个eslintrc.js文件（这是样板的一部分），这就是为什么Docker版本中的错误对我没有任何意义。 这是运行Travis脚本的一个片段： Here's a snippet from the Travis script: Step 9/13 : […]

尝试在容器中使用webpack-dev-server，得到其他方面不存在的错误

我是反应，webpack和docker的新手。 试图在容器中启动一个webpack-dev-server。 当我从terminal上开始的时候它就开始了，但是试图从docker开始它给了我这个错误。 ERROR in ./~/react-select/dist/react-select.css Module parse failed: /usr/src/app/node_modules/react-select/dist/react-select.css Unexpected token (8:0) You may need an appropriate loader to handle this file type. SyntaxError: Unexpected token (8:0) at Parser.pp$4.raise (/usr/src/app/node_modules/webpack/node_modules/acorn/dist/acorn.js:2221:15) at Parser.pp.unexpected (/usr/src/app/node_modules/webpack/node_modules/acorn/dist/acorn.js:603:10) at Parser.pp$3.parseExprAtom (/usr/src/app/node_modules/webpack/node_modules/acorn/dist/acorn.js:1822:12) at Parser.pp$3.parseExprSubscripts (/usr/src/app/node_modules/webpack/node_modules/acorn/dist/acorn.js:1715:21) at Parser.pp$3.parseMaybeUnary (/usr/src/app/node_modules/webpack/node_modules/acorn/dist/acorn.js:1692:19) at Parser.pp$3.parseExprOps (/usr/src/app/node_modules/webpack/node_modules/acorn/dist/acorn.js:1637:21) at Parser.pp$3.parseMaybeConditional (/usr/src/app/node_modules/webpack/node_modules/acorn/dist/acorn.js:1620:21) at Parser.pp$3.parseMaybeAssign (/usr/src/app/node_modules/webpack/node_modules/acorn/dist/acorn.js:1597:21) at Parser.pp$3.parseExpression (/usr/src/app/node_modules/webpack/node_modules/acorn/dist/acorn.js:1573:21) […]

错误模块构build失败，parsing与webpack中的UglifyJsPlugin错误

我有一个错误，我找不到解决scheme。 我在Docker中运行了一个新的VueJS项目。 它在开发模式下工作正常，但是当我尝试构build产品时失败。 错误包含在下面，似乎与eslint 。 我已经删除部分，直到它的工作，并缩小到UglifyJsPlugin ，但我不知道为什么。 我知道我可以删除Uglify进程，但我不想 – 我想解决这个问题！ 错误是这样的： ERROR in ./~/vue-html-loader!./~/vue-loader/lib/selector.js?type=template&index=0!./~/eslint-loader!./src/components/UserInput.vue Module build failed: Error: Parse Error: <input class="form-control" type:"text" v-model="newTodoText" v-on:keyup.enter="createTodo" placeholder="New todo"> <span class="btn btn-primary input-group-addon" v-on:click="createTodo"> Add </span> </div> <div class="btn-group" role="group" aria-label="Second group"> <button type="button" class="btn btn-danger" v-on:click="showClearModal"> Clear all </button> </div> </div> <hr> <div id="clearModal" class="modal fade"> […]

Vue Webpack模板的E2E不适用于无头盒

有了vue-cli的webpack模板…有没有人得到npm运行e2e在无头盒上工作？ 我试着在docker的节点上运行它：最近和下elgalu /docker – selenium两次我得到这个神秘的错误 Starting selenium server… started – PID: 6621 [Test] Test Suite ===================== Running: default e2e tests Error retrieving a new session from the selenium server Connection refused! Is selenium server started? { state: 'unknown error', sessionId: null, hCode: 648061585, value: { localizedMessage: null, cause: null, suppressed: [], message: null, hCode: 1628902597, […]

在Docker容器中公开一个React应用程序

我正在试图向当前所在的Docker容器公开一个反应应用程序。 我的Dockerfile成功地构build了我的映像，并在configuration的端口（8080）上运行我的应用程序。 然后我尝试将容器的端口8080绑定到主机的8080端口。 但是，当我访问8080端口的主机我的应用程序不在这里。 docker run -d -p 8080:8080 –name react-deployment-container react-deployment:dev 我有一个现有的节点应用程序已经暴露在运行在不同端口（3000）上的同一台主机上，所以我相信在运行Docker容器时这不是绑定端口的问题。 我认为这个问题可能是我试图在Webpackconfiguration中公开应用程序的方式。 Webpack完美地构build，但是看起来不可用于Docker容器。 webpack.config.js devServer: { contentBase: path.join(__dirname, "dist"), compress: true, host: '0.0.0.0', port: 8080 } 的package.json "scripts": { "start": "webpack-dev-server –host 0.0.0.0" }, 我已经在下面两个问题中推荐的configuration，没有运气。 如何让webpack dev服务器在端口80和0.0.0.0上运行以使其可公开访问？ https://github.com/webpack/webpack-dev-server/issues/547 这个项目的回购在这里

webpack CLI – / usr / bin / env：node：没有这样的文件或目录

我使用一个webpack，它有这个shebang它的cli文件#! /usr/bin/env node #! /usr/bin/env node ，并假设使用它的CI运行器和docker镜像在gitlab上运行。 https://github.com/webpack/webpack/blob/master/bin/webpack.js 无论我使用哪个节点图像，都会返回此错误： /usr/bin/env: node : No such file or directory npm info lifecycle @1.0.0~prod: Failed to exec prod script npm ERR! file sh npm ERR! code ELIFECYCLE npm ERR! errno ENOENT npm ERR! syscall spawn npm ERR! spawn ENOENT npm ERR! npm ERR! Failed at the @1.0.0 prod […]

Webpack没有看到docker高山的文件变化

我试图将我已经工作的webpack应用程序移植到docker设置中，以便于开发环境设置。 我已经使用了以下的Dockerfile： FROM scardon/ruby-node-alpine MAINTAINER mbajur@gmail.com RUN apk add –no-cache build-base python ENV BUNDLE_PATH /box RUN mkdir -p /app WORKDIR /app COPY . ./ EXPOSE 4567 而我的docker-compose.yml version: '3' services: app: &app_base build: context: . command: webpack –watch -d –color volumes: – .:/app – box:/box ports: – "4567:4567" volumes: box: 而我正在运行我的webpack安装程序 $ docker-compose up 但是，由于某种原因，webpack无法看到对我的文件所做的更改。 […]

Browsersync无法打开浏览器，使用Docker和Webpack

问题 当我运行npm run start服务和通过webpack观看，我得到了下面的警告，脚本完成执行后。 我将浏览器启动并运行，它完美地加载了页面，并显示通知它已连接到Browsersync。 但是，当我做任何改变任何文件（HTML，CSS或JS）。 它不会重新加载！？ 是因为我在Docker虚拟环境中，还是因为我没有正确地指示Browsersync去寻找我的代码的正确path，或者是与BrowserSyncPlugin中的代理设置有关的东西，或者其他的东西。 我不知道是什么原因造成的，我应该不断尝试修复它还是已知的问题！ 谢谢， [Browsersync]无法打开浏览器（如果您在无头环境中使用BrowserSync，则可能需要将打开选项设置为false） 警告图像 简化的WebPackconfiguration文件（用于开发） const path = require('path') const webpack = require('webpack') const recursive = require('recursive-readdir-sync') const HtmlWebpackPlugin = require('html-webpack-plugin') const Dotenv = require('dotenv-webpack') const BrowserSyncPlugin = require('browser-sync-webpack-plugin') const srcDir = path.resolve(__dirname, '..', 'src') const distDir = path.resolve(__dirname, '..', 'dist') const {NODE_ENV = 'development'} = process.env […]

在Docker中的webpack-dev-server

我从中提起docker文件 https://medium.com/@andyccs/webpack-and-docker-for-development-and-deployment-ae0e73243db4 # Dockerfile (tag: v3) FROM node:4.7 RUN npm install webpack -g WORKDIR /webCode/ COPY package.json . RUN npm config set registry http://registry.npmjs.org/ && npm install WORKDIR /usr/src/app COPY . /usr/src/app/ RUN cp -a /webCode/node_modules /usr/src/app/ RUN webpack CMD npm run start EXPOSE 8080 我在我的package.json文件中"start": "webpack-dev-server –host 0.0.0.0" 。 在terminal它运行良好。 但是，当我使用浏览器连接到本地主机：8080它显示拒绝连接错误。 以下是我从docker run -t容器得到的内容 […]