- use vue2.0
- webpack 1.13.2 package
- needs to be compatible with IE9
now the problem is that compatibility problems normally occur on IE10 and IE9
prolify
now the problem is that compatibility problems normally occur on IE10 and IE9
prolify
if you are solving the problem directly, try redefining the console method.
to be thorough, find out where console is not compiled.
it is recommended to take a look at the configuration of babel.
Uh, webpack 1.13.2?
the egg hurts. This is 2.6.1
this is webpack.base.conf.js
var path = require('path')
var utils = require('./utils')
var config = require('../config')
var vueLoaderConfig = require('./vue-loader.conf')
var webpack = require("webpack")
var ihrProject = require('../ihrProjectConfig')
function resolve(dir) {
return path.join(__dirname, '..', dir)
}
module.exports = {
entry: {
app: ihrProject.main.path
},
output: {
path: config.build.assetsRoot,
filename: '[name].js',
publicPath: process.env.NODE_ENV === 'production' ?
config.build.assetsPublicPath : config.dev.assetsPublicPath
},
resolve: {
extensions: ['.js', '.vue', '.json'],
alias: {
'vue$': 'vue/dist/vue.esm.js',
'@': resolve('src'),
}
},
module: {
rules: [{
test: /\.vue$/,
loader: 'vue-loader',
options: vueLoaderConfig
},
{
test: /\.js$/,
loader: 'babel-loader',
include: [resolve('src'), resolve('test')],
exclude: "/node_module/"
},
{
test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,
loader: 'url-loader',
query: {
limit: 10000,
name: utils.assetsPath('img/[name].[ext]')
}
},
{
test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,
loader: 'url-loader',
query: {
limit: 10000,
name: utils.assetsPath('fonts/[name].[hash:7].[ext]')
}
},
{
test: /\.(mp3|wav)(\?.*)?$/,
loader: 'url-loader',
query: {
limit: 10000,
name: utils.assetsPath('audio/[name].[ext]')
}
}
]
},
plugins: [
new webpack.optimize.CommonsChunkPlugin('common.js'),
new webpack.LoaderOptionsPlugin({
options: {
babel: {
presets: ['es2015', "stage-2"]
}
}
}),
new webpack.ProvidePlugin({
//wangkun
jQuery: "jquery",
'window.jQuery': 'jquery',
'root.jQuery': 'jquery',
$: "jquery"
}),
]
}this is vue-loader.conf.js
var utils = require('./utils')
var config = require('../config')
var isProduction = process.env.NODE_ENV === 'production'
module.exports = {
loaders: utils.cssLoaders({
sourceMap: isProduction
? config.build.productionSourceMap
: config.dev.cssSourceMap,
extract: isProduction
}),
//
transformToRequire: {
"audio": "src"
}
}
...
webpack.config.js: var webpack = require( webpack ); var path = require("path"); module.exports = { entry: . src app.js , output: { path: path.resolve(__dirname, . bin ), filename: app.bundle.js ...
I just updated the related dependencies of my project build : how should this situation be solved ...
how to use the environment variables on the linux service in the configuration file, ...
as shown in the picture, the following error is reported when packing, the reason is unknown! ERROR in static js vendor.c6cf6d8258be562986f2.js from UglifyJs ...
I added demo and reported an error. If you remove it, it s all right . do not allow other things to be added. If you add something, you will report an error . did you encounter this situation again? ...
is the path wrong? solved: because the image path is wrong ...
I have a total of five pages, using asynchronous route loading, the last four ways are as follows, so that each routing page is loaded on demand, so as not to load too slowly on the first screen. devstyle npm run buildwebpackvuecssimportcssindexcss ...
there is no effect after clicking, the console does not respond, and the click event does not take effect. Code section: .list(v-for="(i,n) in lists" :key="n" @click="change(i.url)") {{i.name}} corresponding event: cha...
var webpack = require ( webpack ); var HtmlWebpackPlugin = require ( html-webpack-plugin ); const ExtractTextPlugin = require ( extract-text-webpack-plugin ); module.exports = { entry: __dirname + " src main.js", output: { pat...
when referencing popper.js, if packaging does not rule out popper.js, calling new PopperJS, an error will be reported let PopperJS = require( . popper ); let popper = new PopperJS(); PopperJS is not a constructor webpack.base.conf.js: ...
this is what happens when my vue project is packaged with build and processed with tarantula is there any solution the packaged page of ps: can run normally, and the path is loaded correctly ...
Hello, seniors. I bought a CVM in Aliyun. I want to throw my packaged vue project on it and use the public network to access it. I can access it normally when I configure nginx, on my own window computer! But throwing it into the server of the linux sys...
eslint is installed globally and locally, and the project is generated with vue-cil. After entering the eslint fiel-- fix command, no error is reported, and the file is not repaired....
I refer to the picture in the style tag in the .vue file template style webpack where assetsPath ( images [name]. [hash: 7]. [ext] ) is static images [name]. [hash: 7]. [ext] ...
display the following error message Module build failed: TypeError: Cannot read property transforms of null at Object.module.exports ( Users linhang node_modules buble-loader index.js:18:47) this problem occurs even if initialized directly wit...
at present, a background management system has been developed. If you want to type a function module (there will be many pages and components) into a single js file, and then use the typed js file for development, such as routing to the function page, wh...
I want to introduce a complete js file into a vue file. So I don t think it s appropriate to use import to introduce all the content at once. then I tried two more methods (I don t know if there is one) 1. < script src= "type= " text javascript ...
http: test.web.yooyii.com ...
webpack.base.config.js: entry: { app: . src index.js }, output: { path: config.build.assetsRoot, publicPath: config.dev.assetsPublicPath, static filename: [name].bundle.js , ...