usually our project has a lot of common js files, which are usually referenced in components
import a from "../../mods/a.js"it"s tedious to see such a long list of paths. For this kind of public file, I want to achieve this effect when referencing
import a from "a"need to be configured in webpack?
resolve learn about
idebar/Sidebar.jsx" rel=" nofollow noreferrer "> https://webpack.js.org/config.
the simple version I built vue-cli involves the application of this template
https://github.com/Xieguoiang.
comments are very clear for reference.
import '@/routes/XXX'; @ is the root directory of src, and the official scaffolding of this vue-cli comes with
match your own webpack alias to write down the commonly used directory components base api and so on, and then import can start with components/xx/xx
if you use webpack, you can do this:
</a>,
module.exports = {
PP+
resolve: {
alias: {
//
'@': path.resolve(__dirname, '../src'),
'mods': path.resolve(__dirname, '../src/mods')
},
// import
extensions: ['*', '.js', '.json', '.vue'],
}
}
when quoting:
import a from 'mods/a'
is generally not configured separately for a file
Previous: How to check what is new and need add when uploading a project by SVN?
Next: Can Aliyun's proprietary network be equipped with ipv6, and how to configure it?
now my project is to package css and js separately, and the directory structure after packaging is the same as before. before packing: csscssimages.. csscss.. .. : webpack.config.js csscss csscss I would like to ask all the great gods, what ...
question: when I use vue2.5.2 scaffolding to generate a webpack project, I find that it has a configuration node under the automatic generation file build webpack.base.conf.js. What is it and what is it for? ...
it was fine when the computer was turned off yesterday, and that s how it started today ...
just started to learn the project development of webpack+vue, and ran it with webpack-dev-server after configuration, but there was nothing wrong with the page. I ve been looking for it for two days and I still don t know why. here is the code pac...
after the vue project is packaged, run the report: webpackjsonp is not defined webpack.prod.conf.js new HtmlWebpackPlugin({ filename: process.env.NODE_ENV === testing ? index.html : config.build.index, template...
I accidentally typed a y while installing scaffolding, so I installed e2e . ask you how to delete this report a lot of errors if this folder is deleted directly ...
is npm run dev a service? why can t you use the mobile phone of the same router to access the computer s ip plus port? ...
recently I watched the teaching video of vue2.0 high imitation music webapp, but because the version of vue-cli (vue-cli version is 2.8.2) is different, there is no dev-server.js file in my build directory. On the video, the request for cross-domain da...
mistakes in packing Times are as follows: but it can be used normally in development mode. Refer to the website that you want to configure es2015, in .babelrc, but I have already configured . { "presets": [ ["env", { ...
less-loder has been installed theme.less @wid:1000px; App.vue <style lang="less"> @import . style theme.less ; < style> search.vue <style lang= less scoped> .dataSearch { width: @wid; } < style> ...
items are listed below: screenshot 2018-04-04 4.37.25 p.m. set in config index.js build:{ assetsSubDirectory: static , assetsPublicPath: , } then get logo.png in the vue file data(){ return { logoSrc: require( s...
what is written in the configuration file directly is the private network url, but now you want to use the environment variables configured on the server instead. How to modify it module.exports = { NODE_ENV: "production" , ENV_CONFIG: ...
exactly what went wrong, it is not very clear ...
the directory structure is as follows 1. I try to put pictures directly into index.html, using the absolute path in static can be achieved, but loading pictures in assets is not good, and the relative path is useless, how to achieve html files if you...
my global variable configuration vue :@base-color-red less@ ...
in webpack.base.config.js , why do I add @ : resolve ( src ) in resolve -> alias npm run dev ? ... resolve: { extensions: [ .js , .vue ], alias: { vue : vue dist vue.esm.js , @ : resolve( src ) } }...
I want to make a vue component by myself, but if I want to mention it separately, I can put it in other projects. Other projects use cdn, so I want to make a plug-in like JQ, as long as I reference vue.js and my compiled components. it s a pity that I...
vue init webpack project npm run build after reporting an error Failed to load resource: the server responded with a status of 404 (Not Found), has any friend ever encountered such a problem? ...
when you open the page after it is introduced on demand, it will prompt you for about 3 seconds console does not show throw error, black question mark face! ...
the reason for the loss of css background image after packaging is due to under build. assetsPublicPath: , but the solution to the blank screen after the project is packaged is to set assetsPublicPath to . . How to solve this ...