質問編集履歴
2
webpack.config.jsの内容追記
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -106,4 +106,90 @@
|
|
|
106
106
|
"cross-env": "^5.1.1"
|
|
107
107
|
|
|
108
108
|
2020/11/04 追記
|
|
109
|
-
node.jsのバージョンはv12.18.3です。
|
|
109
|
+
node.jsのバージョンはv12.18.3です。
|
|
110
|
+
|
|
111
|
+
webpackにてbuildを行っております。
|
|
112
|
+
以下にwebpack.config.jsの内容を追記します。
|
|
113
|
+
|
|
114
|
+
webpack.config.js
|
|
115
|
+
```javascript
|
|
116
|
+
var path = require('path')
|
|
117
|
+
var webpack = require('webpack')
|
|
118
|
+
const ExtractTextPlugin = require("extract-text-webpack-plugin")
|
|
119
|
+
|
|
120
|
+
module.exports = {
|
|
121
|
+
entry: './src/main.js',
|
|
122
|
+
output: {
|
|
123
|
+
path: path.resolve(__dirname, './dist'),
|
|
124
|
+
publicPath: '/dist/',
|
|
125
|
+
filename: 'build.js'
|
|
126
|
+
},
|
|
127
|
+
module: {
|
|
128
|
+
rules: [
|
|
129
|
+
{
|
|
130
|
+
test: /.vue$/,
|
|
131
|
+
loader: 'vue-loader',
|
|
132
|
+
options: {
|
|
133
|
+
loaders: {
|
|
134
|
+
}
|
|
135
|
+
// other vue-loader options go here
|
|
136
|
+
}
|
|
137
|
+
},
|
|
138
|
+
{
|
|
139
|
+
test: /.js$/,
|
|
140
|
+
loader: 'babel-loader',
|
|
141
|
+
exclude: /node_modules/
|
|
142
|
+
},
|
|
143
|
+
{
|
|
144
|
+
test: /.css$/,
|
|
145
|
+
use: ExtractTextPlugin.extract({
|
|
146
|
+
fallback: "style-loader",
|
|
147
|
+
use: "css-loader"
|
|
148
|
+
})
|
|
149
|
+
},
|
|
150
|
+
{
|
|
151
|
+
test: /.(png|jpg|gif|svg)$/,
|
|
152
|
+
loader: 'file-loader',
|
|
153
|
+
options: {
|
|
154
|
+
name: '[name].[ext]?[hash]'
|
|
155
|
+
}
|
|
156
|
+
}
|
|
157
|
+
]
|
|
158
|
+
},
|
|
159
|
+
resolve: {
|
|
160
|
+
alias: {
|
|
161
|
+
'vue$': 'vue/dist/vue.esm.js'
|
|
162
|
+
}
|
|
163
|
+
},
|
|
164
|
+
devServer: {
|
|
165
|
+
historyApiFallback: true,
|
|
166
|
+
noInfo: true
|
|
167
|
+
},
|
|
168
|
+
performance: {
|
|
169
|
+
hints: false
|
|
170
|
+
},
|
|
171
|
+
plugins: [new ExtractTextPlugin("main.css")],
|
|
172
|
+
devtool: '#eval-source-map'
|
|
173
|
+
}
|
|
174
|
+
|
|
175
|
+
if (process.env.NODE_ENV === 'production') {
|
|
176
|
+
module.exports.devtool = '#source-map'
|
|
177
|
+
// http://vue-loader.vuejs.org/en/workflow/production.html
|
|
178
|
+
module.exports.plugins = (module.exports.plugins || []).concat([
|
|
179
|
+
new webpack.DefinePlugin({
|
|
180
|
+
'process.env': {
|
|
181
|
+
NODE_ENV: '"production"'
|
|
182
|
+
}
|
|
183
|
+
}),
|
|
184
|
+
new webpack.optimize.UglifyJsPlugin({
|
|
185
|
+
sourceMap: true,
|
|
186
|
+
compress: {
|
|
187
|
+
warnings: false
|
|
188
|
+
}
|
|
189
|
+
}),
|
|
190
|
+
new webpack.LoaderOptionsPlugin({
|
|
191
|
+
minimize: true
|
|
192
|
+
})
|
|
193
|
+
])
|
|
194
|
+
}
|
|
195
|
+
```
|
1
node.jsのバージョン情報を追記
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -103,4 +103,7 @@
|
|
|
103
103
|
"babel-core": "^6.26.0"
|
|
104
104
|
"babel-loader": "^6.0.0"
|
|
105
105
|
"babel-preset-env": "^1.6.1"
|
|
106
|
-
"cross-env": "^5.1.1"
|
|
106
|
+
"cross-env": "^5.1.1"
|
|
107
|
+
|
|
108
|
+
2020/11/04 追記
|
|
109
|
+
node.jsのバージョンはv12.18.3です。
|