#node.js #webpack #vuejs2
Вопрос:
Это не дубликат. Я новичок в VueJS, создал проект Vue и докеризовал его. Объявлено несколько переменных в файле docker compose, и необходимо прочитать эту переменную среды внутри компонента. Я также использую webpack для проекта.
Docker создать файл,
version: '2.2' services: demo-vue: build: . image: 'vue-demo:latest' working_dir: /usr/src/app2 environment: - 'VUE_APP_TEST_VALUE':"1234" volumes: - '${PWD}/src:/usr/src/app2/src' - '${PWD}/assets:/usr/src/app2/assets' ports: - '0.0.0.0:2244:2244' При попытке получить доступ к переменной среды, как console.log(process.env.VUE_APP_TEST_VALUE); она всегда возвращается undefined . При объявлении его в конфигурации webpack он работает нормально, как и ожидалось. Но мне нужно, чтобы в Docker compose было установлено несколько переменных. Есть ли в любом случае возможность прочитать эти переменные. Любая помощь была бы очень признательна.
Конфигурация веб-пакета
const path = require('path'); const webpack = require('webpack'); const merge = require('webpack-merge'); const baseConfig = require('./webpack.config'); module.exports = merge(baseConfig, { mode: 'development', devServer: { hot: true, contentBase: [path.resolve(__dirname, 'src'), path.resolve(__dirname, 'assets')], compress: true, publicPath: '/', quiet: true, watchOptions: { poll: true } }, // Specifiy rules for modules module: { rules: [ { test: /.css$/, use: [ 'vue-style-loader', 'css-loader' ] } ] }, // Specify plugins plugins: [ new webpack.HotModuleReplacementPlugin(), new webpack.DefinePlugin({ 'process.env.VUE_APP_TEST_VALUE': 9876 }) ] })